背景选择器selector的易错点

2019独角兽企业重金招聘Python工程师标准>>>

在Android中，控件Button和ImageButton一般有三种状态：常态(normal)、点击状态(pressed)、聚焦状态(focused)。很多时候，我们为了提高用户的体验常常为Button以及ImageButton的不同状态设置不同的背景图片，下面介绍一种利用selector设置Button和ImageButton不同状态下的背景图片的方法。

具体步骤如下：

一、在res/drawable文件下创建selector.xml，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/nine_patch_button2" android:state_pressed="true"></item>
    <item android:drawable="@drawable/nine_patch_button" android:state_focused="true"></item>
    <item android:drawable="@drawable/nine_patch_button"></item>
</selector>

二、编写布局文件，为布局文件中的ImageButton设置selector，示例代码如下：

<ImageButton
        android:id="@+id/btn_record"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="@dimen/chat_ImageBtn_magrin_bot"
        android:scaleX="0.9"
        android:scaleY="0.9"
        android:layout_marginEnd="@dimen/chat_Imagebutton_margin_lr"
        android:layout_marginRight="@dimen/chat_Imagebutton_margin_lr"
        android:background="@drawable/selector" />

到此就为ImageButton的不同状态设置了不同的背景图片。

易错点：

1. 设置selector的时候，无论是ImageButton还是Button，都应该是设置在background属性而不是src。

2. selector中item是摆放次序是有讲究的。默认的图片放在最后。

3. 更多的效果——Button还可以实现更复杂的效果，例如渐变啊等等。

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

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

    <item android:state_pressed="true">

        <!-- 定义当button 处于pressed 状态时的形态。-->

        <shape>

            <gradient android:startColor="#8600ff" />

            <stroke android:width="2dp" android:color="#000000" />

            <corners android:radius="5dp" />

            <padding android:left="10dp" android:top="10dp"

                android:bottom="10dp" android:right="10dp" />

        </shape>

    </item>

    <item android:state_focused="true">

        <!-- 定义当button获得focus时的形态-->

        <shape>

            <gradient android:startColor="#eac100" />

            <stroke android:width="2dp" android:color="#333333" color="#ffffff" />

            <corners android:radius="8dp" />

            <padding android:left="10dp" android:top="10dp"

                android:bottom="10dp" android:right="10dp" />

        </shape>

    </item>

<lector>

参考： http://www.2cto.com/kf/201110/107866.html

          http://www.linuxidc.com/Linux/2011-09/43634.htm

转载于:https://my.oschina.net/Bruce370/blog/425936