Android 常用基本控制項 ImageButton

• 設定ImageButton的圖片可通過android:src屬性，也可以通過setImageResource(int)方法來實現。
• ImageButton所顯示的圖片若不能完全覆蓋掉背景色時，使用ImageButton一般要將背景色設定為其他圖片或直接設定為透明。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TableRow android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TextView android:id="@+id/tvEmail" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:ellipsize="end"
            android:autoLink="email" android:text="郵箱\n(如sunnychuh@163.com)" />
        <EditText android:id="@+id/etEmail" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:hint="請輸入您的郵箱"
            android:selectAllOnFocus="true" />
    </TableRow>
    <TableRow android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TextView android:id="@+id/tvPhone" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:ellipsize="middle"
            android:autoLink="email" android:text="電話\n(如1234567890)：" />
        <EditText android:id="@+id/etPhone" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:maxWidth="160px"
            android:phoneNumber="true" android:singleLine="true"
            android:selectAllOnFocus="true" />
    </TableRow>
    <TableRow android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <Button android:id="@+id/button01" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:gravity="right"
            android:text="顯示" />
        <ImageButton android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:src="@drawable/myselector"
            android:background="@color/abc" />
    </TableRow>
</TableLayout>

其中ImageButton的 android:src在drawable-mdpi中建立myselector.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false" android:drawable="@drawable/img01" />
    <item android:state_pressed="true" android:drawable="@drawable/img02" />
</selector>

當按下ImageButton後，顯示如下：