通过xml布局文件实现按钮改变焦点设置背景图片

  
        

Button的android：background属性

    设置按钮背景图片：
        onFocus()与onClick()事件的处理
        Item的android:state_focused和android:state_pressed属性的实现

     在res文件夹下建立文件夹drawable，在drawable文件下穿件styles.xml文件，文件内容如下：




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

    <!-- 失去焦点 -->
    <item android:drawable="@drawable/png_3" android:state_focused="false" android:state_pressed="true"/>
    <!-- 默认时候图片 -->
    <item android:drawable="@drawable/png_4"></item>

</selector>
    

在main.xml文件中创建组件ImageButton时候如下



    <ImageButton
        android:id="@+id/image_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/styles"/>


这样，在使用ImageButton时候未点击图片按钮时候，图片显示的是png4   而点击之后显示的是png3图片，放开点击有显示默认的图片

我们在开发的过程中，往往为了美化界面的需要，会修改按钮的默认外观，而因为Android中的按钮有三种状态—默认，被点击，被选中。所以，如果要改变按钮的外观，需要对这三种情况都做出修改，也许在以往，我们最容易想到的就是，手动监听按钮的选中和点击事件，然后写代码来替换按钮的背景，但是在android中，我们不需要这么麻烦，android早就替我们想好了解决方案，那就是selector资源。如果我们要实现按钮的三种背景，只需在res/drawable目录中建立这样一个XML文件：

　　selector.xml

 

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

 

        <item android:state_window_focused="false"

 

        android:drawable="@drawable/t3"/>

 

        <item android:state_focused="true"

 

        android:drawable="@drawable/t1"/>

 

        <item android:state_pressed="true"

 

        android:drawable="@drawable/t2"/>

 

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

 

</selector>

 

    正如上面的资源文件所描述的，我们在这里定义了三种行为各自的图片资源，接下来，我们只需要在相应的按钮中,将背景资源指定为drawable/selector，就完成我们需要做的一切了～

 

 

<ImageButton android:layout_width="100px" android:layout_height="50px" android:src="@drawable/selector"/>