Button按钮状态背景的设置

Android selector选择器可以让你切换自定义的背景风格,让你的控件或者布局在不同状态下背景切换，背景可以使眼色或者图片资源。



首先，android中的selector要在res/drawable/xxx.xml中配置，比如下面Button的例子：

使用drawable:

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 点击时的背景图 -->
<item android:state_pressed="true"
android:drawable="@drawable/item_bg_s" />
<!-- 获取焦点时的背景图 -->
<item android:state_focused="true"
android:drawable="@drawable/item_bg_s" />
<!-- 默认的背景图 -->
<item android:drawable="@drawable/item_bg_n" />
</selector>

这个在java代码中的实现方式是：

Integer[] mButtonState = { R.drawable.defaultbutton,
R.drawable.focusedpressed, R.drawable.pressed };
Button mButton = (Button) findViewById(R.id.button);
mButton.setBackgroundDrawable(myButton.setbg(mButtonState));

public StateListDrawable setbg(Integer[] mImageIds) {
StateListDrawable bg = new StateListDrawable();
/*默认背景图*/
Drawable normal = this.getResources().getDrawable(mImageIds[0]);
/*选择时的背景图*/
Drawable selected = this.getResources().getDrawable(mImageIds[1]);
/*按下时的背景图*/
Drawable pressed = this.getResources().getDrawable(mImageIds[2]);
/*背景图绑定按钮各个状态*/
bg.addState(View.PRESSED_ENABLED_STATE_SET, pressed);
bg.addState(View.ENABLED_FOCUSED_STATE_SET, selected);
bg.addState(View.ENABLED_STATE_SET, normal);
bg.addState(View.FOCUSED_STATE_SET, selected);
bg.addState(View.EMPTY_STATE_SET, normal);
return bg;
}

使用color:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 选中时的颜色 -->
<item android:state_selected="true" android:color="#0FF" />
<!-- 获得焦点时的颜色 -->
<item android:state_focused="true" android:color="#F0F" />
<!-- 点击时的颜色 -->
<item android:state_pressed="true" android:color="#FF0" />
<!-- 默认的颜色 -->
<item android:color="#000" />
</selector>

这个方法可以用来设置Button背景的选择效果，也可以用来设置Button上面文字的选择效果。

最后，将设置好的选择器设置到Button的background中去。

也可以为button增加style，如下

<Button
android:id="@+id/login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:focusable="true"
android:text="按钮"
style="@style/ButtonText"/>

然后在res/values下面定义这个style：

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="ButtonText">
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">#ffffff</item>
<item name="android:gravity">center</item>
<!-- 阴影风格,如粗体，斜体 -->
<item name="android:textStyle">bold</item>
<!-- 阴影颜色,这里可以处理阴影,外发光,描边等效果 -->
<item name="android:shadowColor">#000000</item>
<!-- 阴影x偏移 -->
<item name="android:shadowDx">1</item>
<!-- 阴影y偏移 -->
<item name="android:shadowDy">1</item>
<!-- 阴影半径 -->
<item name="android:shadowRadius">2</item>
<!-- 背景 -->
<item name="android:background">@drawable/customer_button_selector</item>
</style>
</resources>

如果要为按钮加上渐变，圆角，描边等等，可以将selector结合使用shape，这样就能做出更加酷炫的按钮

shape定义按钮的方法和以上类似，可以定义一个selector结和shape:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按下状态 -->
<item android:state_pressed="true">
<shape>
<solid
android:color="#80ff3434" />
<padding
android:bottom="10dp"
android:left="30dp"
android:right="30dp"
android:top="10dp" />
</shape>
</item>
<!-- 普通状态 -->
<item>
<shape android:shape="rectangle">

<gradient
android:endColor="#ffff1dae"
android:startColor="#ffff79ff"
android:type="linear" />
<padding
android:bottom="10dp"
android:left="30dp"
android:right="30dp"
android:top="10dp" />
</shape>
</item>

</selector>

源码下载：

http://download.csdn.net/detail/zoeice/4420225