先来看看效果图吧:
效果就是这么简单,其中第一行的2个算是默认的吧,第二行的2个按钮当鼠标点击的时候图片发送变化。
其中main.xml大致代码如下:
<?
xml
version="1.0" encoding="utf-8"?>
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<
TableRow
android:id="@+id/tableRow1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<
Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/red"
android:text="默认按钮" />
<
ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#000000"
android:src="@drawable/blue" />
</
TableRow
>
<
TableRow
android:id="@+id/tableRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<
Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_selector"
android:text="带图片文字的按钮" />
<
ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#000000"
android:src="@drawable/button_selector" />
</
TableRow
>
</
TableLayout
>
|
其中button_selector.xml文件代码如下:
1 <?xml version="1.0" encoding="UTF-8"?> 2 3 <selector xmlns:android="http://schemas.android.com/apk/res/android"> 4 5 <item android:drawable="@drawable/red" android:state_pressed="true"></item> 6 <item android:drawable="@drawable/purple" android:state_pressed="false"></item> 7 8 </selector>