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如下:

android imageview的点击事件 android中imagebutton_ImageButton

bt_del_down如下: 

android imageview的点击事件 android中imagebutton_sed_02

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>

 


运行效果图

android imageview的点击事件 android中imagebutton_sed_03