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后,显示如下: