android學習筆記11:按鈕 – Android移動開發技術文章_手機開發 Android移動開發教學課程

android中的按鈕分為兩類,普通按鈕和圖片按鈕。而且我們可以通過指定xml文件作為按鈕的資源或者背景,來實現按鈕的動態變化。下面的這個程序實現瞭按鈕按下去之後按鈕的圖片改變的效果。

 

 

按下之前和按下時的對比

 

這個效果就是通過指定一定xml文件實現的。代碼:

<?xml version="1.0" encoding="utf-8"?> 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
<TableRow> 
<!– 普通文字按鈕 –>    
<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/red" 
    android:text="普通按鈕" 
    android:textSize="10pt" 
/> 
<!– 普通圖片按鈕 –> 
<ImageButton 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/blue" 
    android:background="#000000" 
/> 
</TableRow> 
<TableRow> 
<!– 按下時顯示不同圖片的按鈕 –> 
<ImageButton 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/button_selector" 
    android:background="#000000" 
/> 
<!– 帶文字的圖片按鈕–> 
<Button 
    android:id="@+id/test" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/button_selector" 
    android:text="帶文字的圖片按鈕" 
/> 
</TableRow> 
</TableLayout> 
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="horizontal"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 >
<TableRow>
<!– 普通文字按鈕 –> 
<Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:background="@drawable/red"
 android:text="普通按鈕"
 android:textSize="10pt"
/>
<!– 普通圖片按鈕 –>
<ImageButton
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@drawable/blue"
 android:background="#000000"
/>
</TableRow>
<TableRow>
<!– 按下時顯示不同圖片的按鈕 –>
<ImageButton
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@drawable/button_selector"
 android:background="#000000"
/>
<!– 帶文字的圖片按鈕–>
<Button
 android:id="@+id/test"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:background="@drawable/button_selector"
 android:text="帶文字的圖片按鈕"
/>
</TableRow>
</TableLayout>

<?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/red" 
    /> 
    <!– 指定按鈕松開時的圖片 –>    
    <item android:state_pressed="false" 
        android:drawable="@drawable/purple" 
    /> 
</selector> 

摘自 hn307165411的專欄

 

發佈留言