android Button美化

四個配置文件： 放入res/drawable目錄中：

android：state_enabled="" 是否有效
android：state_focused=""   是否聚焦
android：state_pressed=""   是否被按下

button_bg.xml

1. <?xml version="1.0" encoding="UTF-8"?>  <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
   
2. 
   
3. <selector xmlns:android="http://schemas.android.com/apk/res/android">
   
4. 
   
5.     <item           
   
6.     android:state_pressed="true"   
   
7.     android:drawable="@drawable/button_focusedandpressed" />
   
8.     <item
   
9.        android:state_focused="true"
   
10.        android:state_pressed="true"
    
11.        android:drawable="@drawable/button_focusedandpressed" />
    
12.     <item
    
13.        android:state_focused="false"
    
14.        android:state_pressed="true"
    
15.        android:drawable="@drawable/button_defocused" />
    
16.     <item
    
17.        android:state_focused="true"
    
18.        android:state_pressed="false"
    
19.        android:drawable="@drawable/button_focused" />
    
20.     <item
    
21.        android:state_focused="false"
    
22.        android:drawable="@drawable/button_defocused" />
    
23. </selector>

複製代碼

button_defocused.xml //實現漸變色的效果（焦點不在button上，且未按下）

1. <?xml version="1.0" encoding="UTF-8"?>
   
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
   
3. <!-- 顏色漸變效果 -->
   
4. <gradient
   
5. android:startColor="#00FF00"
   
6. android:endColor="#C0C0C0"
   
7. android:paddingTop="5dp"
   
8. android:angle="0" />
   
9. <!-- 按鈕四個角的平滑度 -->
   
10. <corners android:radius="15dp" />
    
11. </shape>

複製代碼

button_focused.xml （焦點在button上，但沒有按下）

1. <?xml version="1.0" encoding="UTF-8"?>
   
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
   
3. <!-- 顏色漸變效果 -->
   
4. <gradient
   
5. android:startColor="#505050"
   
6. android:endColor="#C0C0C0"
   
7. android:paddingTop="5dp"
   
8. android:angle="0" />
   
9. 
   
10. <!-- 按鈕四個角的平滑度 -->
    
11. <corners android:radius="15dp" />
    
12. 
    
13. <!-- 焦點在按鈕上時光環的寬度與顏色 -->
    
14. <stroke android:width="4dp" android:color="#FFFF9200" />
    
15. 
    
16. </shape>

複製代碼

button_focusedandpressed.xml (按鈕按下時，或被點擊時)

1. <?xml version="1.0" encoding="UTF-8"?>
   
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
   
3. <!-- 顏色漸變效果 -->
   
4. <gradient
   
5. android:startColor="#FFFF00"
   
6. android:endColor="#C0C0C0"
   
7. android:paddingTop="5dp"
   
8. android:angle="0" />
   
9. 
   
10. <!-- 按鈕四個角的平滑度 -->
    
11. <corners android:radius="20dp" />
    
12. 
    
13. <!-- 焦點在按鈕上時光環的寬度與顏色 -->
    
14. <stroke android:width="4dp" android:color="#FFFF9200" />
    
15. 
    
16. </shape>

複製代碼

佈局文件中的用法;

<Button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@drawable/button_bg“

android:textSize="30dip"

android:id="@+id/button_cal"

android:text="電話控制"/>