图片按钮（imageButton）

图片按钮（imageButton）

常用属性：

android：src="@drawable/download"

（这里的download是一张图片的名称，通过引用该图片的名称直接将按钮和图片绑定到一起去）

android：src="@drawable/buttonSelectror"

（这里的buttonSelector是Drawable里面的一个xml文件，里面定义的是按钮按下，不按，抬起的不同状态下的显示）

下面我们看具体的代码：

1.activity

//图片按钮
public class ImageButtonActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.image_button);
    }
}

2.xml布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="5dp" >
<!-- 图片按钮的页面，图片按钮，抬起，按下，不安的不同的图片效果 -->
    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" >

        <ImageButton
            android:layout_width="0dp"
            android:layout_height="60dp"
            android:layout_weight="1"
            android:background="@color/transparent"
            android:src="@drawable/playmode_order_state" />

        <ImageButton
            android:layout_width="0dp"
            android:layout_height="60dp"
            android:layout_weight="1"
            android:background="@color/transparent"
            android:src="@drawable/play_button_previous_state" />

        <ImageButton
            android:layout_width="0dp"
            android:layout_height="60dp"
            android:layout_weight="1"
            android:background="@color/transparent"
            android:src="@drawable/play_button_play_state" />

        <ImageButton
            android:layout_width="0dp"
            android:layout_height="60dp"
            android:layout_weight="1"
            android:background="@color/transparent"
            android:src="@drawable/play_button_next_state" />//这里是drawable里面的xml文件
    </LinearLayout>
    
    <ImageView 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/linearLayout"
        android:layout_marginBottom="10dp"
        android:scaleType="center"
        android:src="@drawable/music_background"
        />

</RelativeLayout>

3.drawable里面的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/play_button_play_grey"/>//按下去的状态
    <item android:drawable="@drawable/play_button_play_blue"/>//没按时的状态
</selector>

4.效果展示图：