xml中，button改变背景颜色方法

在画几个设置界面，用到了button控件，对于button空间的背景色在不同状态下的颜色改变方法，做了一下尝试，发现了两种背景颜色改变的方法，就总结了下。

方法一尝试了好多遍才好，要点在于，在selector中android:drawable="@drawable/button_focus"引号中为xml文件，此xml文件为color类型，且在此color xml文件中

<color xmlns:android="http://schemas.android.com/apk/res/android"

android:color="@color/button_focus_color">  <!-- 注意此处android：color的位置 -->

</color>

android:color="@color/button_focus_color"在color控件中。

方法一：填充button背景颜色的方法

在factory_reset这个xml文件中，其具体xml文件为：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="560px"

android:layout_height="348px"

android:background="#212121"

android:orientation="vertical"

android:layout_gravity="center_vertical|center_horizontal">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content" >   <!-- 怎样设置 -->

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center|bottom"

android:text="确定要恢复出厂设置吗？"

android:textColor="#e6e6e6"

android:textSize="34px"

android:paddingTop="68px"

/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:gravity="center_horizontal" >

<Button

android:id="@+id/bn1"

android:layout_width="520px"

android:layout_height="72px"

android:text="保存"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:layout_marginBottom="18px"

android:layout_marginTop="60px"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

<Button

android:id="@+id/bn2"

android:layout_width="520px"

android:layout_height="72px"

android:text="取消"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

</LinearLayout>

</LinearLayout>

其中的Button，以第一个为例：

<Button

android:id="@+id/bn1"

android:layout_width="520px"

android:layout_height="72px"

android:text="保存"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:layout_marginBottom="18px"

android:layout_marginTop="60px"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

其中button_background_selector为xml文件，可在res中新建drawable文件夹并将其放置到其中，具体为

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:state_focused="true" android:drawable="@drawable/button_focus" > </item>

<item android:drawable="@drawable/button_default" > </item>

</selector>

其中button_focus以及button_default也分别为xml文件，放在drawalbe文件夹中

button_focus.xml的xml文件具体为：

<?xml version="1.0" encoding="utf-8"?>

<color xmlns:android="http://schemas.android.com/apk/res/android"

android:color="@color/button_focus_color">

</color>

button_default.xml的xml文件具体为：

<?xml version="1.0" encoding="utf-8"?>

<color xmlns:android="http://schemas.android.com/apk/res/android"

android:color="@color/button_default_color">

</color>

其中的button_focus_color与button_default_color为values文件夹中新建的color.xml文件中定义的，具体代码如下：

 

<?xml version="1.0" encoding="utf-8"?>

<resources>

<color name="button_focus_color">#004B64</color>

<color name="button_default_color">#3B3B3B</color>

<color name="text_focus_color">#ffffff</color>

<color name="text_default_color">#e6e6e6</color>

</resources>

方法二：采用9patch图片做button背景图片的方法

在factory_reset这个xml文件中，其具体xml文件为：（跟方法一中的代码是一样的，方法二只是改变了button_background_selector这个xml文件里的东西）

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="560px"

android:layout_height="348px"

android:background="#212121"

android:orientation="vertical"

android:layout_gravity="center_vertical|center_horizontal">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content" >   <!-- 怎样设置 -->

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center|bottom"

android:text="确定要恢复出厂设置吗？"

android:textColor="#e6e6e6"

android:textSize="34px"

android:paddingTop="68px"

/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:gravity="center_horizontal" >

<Button

android:id="@+id/bn1"

android:layout_width="520px"

android:layout_height="72px"

android:text="保存"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:layout_marginBottom="18px"

android:layout_marginTop="60px"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

<Button

android:id="@+id/bn2"

android:layout_width="520px"

android:layout_height="72px"

android:text="取消"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

</LinearLayout>

</LinearLayout>

其中的Button，以第一个为例：

<Button

android:id="@+id/bn1"

android:layout_width="520px"

android:layout_height="72px"

android:text="保存"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:layout_marginBottom="18px"

android:layout_marginTop="60px"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

其中button_background_selector为xml文件，可在res中新建drawable文件夹并将其放置到其中，具体为：

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:state_focused="true" android:drawable="@drawable/button_pressed" > </item>

<item android:drawable="@drawable/button_normal" > </item>

</selector>

由于这里给出了button_pressed跟button_normal这两个9patch背景图片，所以可以直接用android:drawable=“两张9patch图片的位置”来改变button的背景。

其中在res中新建了drawable文件夹，并在里边放了button_pressed跟button_normal这两个9patch图片，如下图所示：

button_normal.9.png                           button_pressed.9.png