官网介绍：

ImageButton继承于ImageView。

ImageButton跟Button不一样，它用图片取代文字。
它默认看起来就像一个能够在不同状态(点击、按住、松开等等)改变颜色的普通Button。
ImageButton上的图像，可以通过android:src这个XML属性，
或者setImageResource(int)这个方法来定义。

To indicate the different button states (focused, selected, etc.), you can define a different image for each state. E.g., a blue image by default, an orange one for when focused, and a yellow one for when pressed. An easy way to do this is with an XML drawable "selector." For example:

你可以给ImageButton不同的状态定义不同的图片，
例如默认情况是蓝色的，获得焦点时是橙色的，被点击时是黄色的。
这种效果用一个XML的drawable资源 "selector"就很容易实现了，例如：

 <?xml version="1.0" encoding="utf-8"?>
 <selector 
     <item android:state_pressed="true"
           android:drawable="@drawable/button_pressed" /> <!-- pressed -->
     <item android:state_focused="true"
           android:drawable="@drawable/button_focused" /> <!-- focused -->
     <item android:drawable="@drawable/button_normal" /> <!-- default -->
 </selector>

保存XML文件在项目的res/drawable/目录，并且将其声明为你的ImageButton的来源(就是android:src那个属性)。Android就会基于按钮的状态，自动将按钮改变为相应的图像。

【注意】上面<selector/>里面的元素怎么排序很关键，因为它们是按顺序被评估的。这就是为什么 "normal"会在最后，因为“普通”的状态只会在既不是“取得焦点”状态也不是“被点击”状态时产生。(这句真的不知道怎么翻译，放原文吧。)

The order of the elements is important because they are evaluated in order. This is why the "normal" button image comes last, because it will only be applied afterandroid:state_pressed and android:state_focused have both evaluated false.

我的上机记录

刚开始只看了官网一半的介绍就开始操作，
以为跟Button的属性一样，结果发现不是。

res/layout/的布局文件：

<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <ImageButton
        android:id="@+id/ib_test"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ib_test" />

</LinearLayout>

res/drawable/的<selector />状态：

<?xml version="1.0" encoding="utf-8"?>
<selector 
    <item android:drawable="@drawable/ib_test2" android:state_pressed="true" />
    <!-- pressed -->
    <item android:drawable="@drawable/ib_test1" />
    <!-- default -->
</selector>

这里我刚开始还以为要放在“res/layout/”，结果就是提示出错。

效果就是下面这样：