imagebutton src 代码 Android ImageButton 图片按钮

imagebutton src 代码 Android ImageButton 图片按钮

其实和 类似imagebutton src 代码 Android ImageButton 图片按钮，差别只在于 显示图片而不是文字

继承自 ,所以 可以像 那样使用 :src 来添加图片

可以根据用户按下或点击的的动作显示不同的图像

默认情况下， 看起来像一个常规的 ，显示的图像可以使用属性 :src 或 (int) 方法来添加

如果想要要移除 背景图像imagebutton src 代码 Android ImageButton 图片按钮，可以使用 : 定义自己的背景图像或将背景颜色设置为透明

我们写一个 demo 来演示下

创建一个 空的 项目 cn.twle..

下载图片资源 //i//.zip 并放到 res/ 目录下

修改 .xml 添加一个

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center" 
    android:orientation="vertical" >
    <ImageButton
        android:src="@drawable/windpower"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

运行 demo 效果如下

不同状态下的

如果要指示不同的按钮状态 (按下，选定等)，可以为每个状态定义不同的图像

例如，默认情况下为蓝色图像imagebutton src 代码imagebutton src 代码，聚焦时为橙色图像，按下时为黄色

我们可以使用 资源来做到这一点

 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_pressed="true"
           android:drawable="@drawable/button_pressed" /> 
     <item android:state_focused="true"
           android:drawable="@drawable/button_focused" /> 
     <item android:drawable="@drawable/button_normal" /> 

把上面的内容保存到 res//.xml 然后就可以使用 :src 属性指向它们了imagebutton src 代码， 会根据按钮的状态和 XML 中定义的相应图像自动更改图像

注意： 的顺序很重要，一定要把 正常 的图片放在最后， 因为它们是按照顺序来进行匹配的

我们来写一个 demo 实现 的各种状态

复用上面的 demo

在 res/ 目录下新建一个文件 .xml 用来定义 的各种状态背景

 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_pressed="true"
           android:drawable="@drawable/good_pressed" /> 
     <item android:state_focused="true"
           android:drawable="@drawable/good_focused" /> 
     <item android:drawable="@drawable/good_normal" /> 

修改 .xml 将 的 :src 属性指向

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center" 
    android:orientation="vertical" >
    <ImageButton
        android:src="@drawable/btn_selector"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

运行 demo 效果如下

参考文档

官方 API