Android控件之ImageButton

Android控件之ImageButton

1 ImageButton介绍

ImageButton是图片按钮，用户能自定义按钮的图片。

ImageButton的drawable state值说明：
(01) android:drawable
    默认图片，等于一个drawable资源
(02) android:state_pressed
    按下状态的图片
(03) android:state_focused
    获得焦点状态的图片，比如用户选择了一ImageButton
(04) android:state_hovered
    光标悬停状态的图片，通常与focused state相同，它是4.0的新特性
(05) android:state_selected
    选中状态的图片，它与focus state并不完全一样，如一个list view 被选中的时候，它里面的各个子组件可能通过方向键，被选中了。
(06) android:state_checkable
    按钮能否check，值为true或false。如果这个项目要用于对象的可选择状态，那么就要设置为true。如果这个项目要用于不可选状态，那么就要设置为false。（它只用于一个对象在可选和不可选之间的转换）。
(07) android:state_checked
    选中状态的图片
(08) android:state_enabled
    使用状态(比如，按钮能被正常点击状态)的图片，能够接受触摸或者点击事件
(09) android:state_activated
    按钮被激活状态的图片
(10) android:state_window_focused
    如果这个项目要用于应用程序窗口的有焦点状态（应用程序是在前台），那么就要设置为true，否者设置false。

2 ImageButton示例

创建一个activity，包含一个ImageButton：按下和未按下状态，分别显示不同图片。

应用层代码

 

package com.skywang.control;



import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;



public class ImageButtonTest extends Activity {



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.image_button_test);

    }

   

}

layout文件

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

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >



    <ImageButton

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:scaleType="fitXY"

        android:src="@drawable/bt_del" />



</LinearLayout>

bt_del.xml内容如下：

<?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/bt_del_down" />

     <!-- 获取焦点状态 -->

     <item android:state_focused="true"

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

     <!-- 默认状态 -->

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

 </selector>

bt_del_up.png如下：

bt_del_down如下： 

manifest文件

 

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

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

    package="com.skywang.control"

    android:versionCode="1"

    android:versionName="1.0" >



    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="17" />



    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.skywang.control.ImageButtonTest"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />



                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>



</manifest>

 

点击下载：源代码

 

运行效果图：