Android使用NinePatch圖片實現大小可變的Button

在Android的一些應用程序中，有時要用到大小可以延展的圖片做背景，實現的方法是使用NinePatch。

下面是一個用NinePatch圖片給Button做背景的例子，實現一個可以隨文字大小而改變的圖片Button：

1. 准備一張NinePatch資源圖片（button.9.png），具體方法參考（http://www.linuxidc.com/Linux/2012-05/61515.htm）；
2. 將button.9.png拖曳（drag）到android工程的/res/drawable-mdpi目錄下。
3. 修改main.XML文件：
1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent"
5. android:orientation="vertical" >
7. <TextView
8. android:layout_width="fill_parent"
9. android:layout_height="wrap_content"
10. android:text="@string/hello" />
12. <Button
13. android:id="@+id/btn1"
14. android:layout_width="wrap_content"
15. android:layout_height="wrap_content"
16. android:background="@drawable/button"
17. android:text="music"
18. android:textSize="12sp" />
20. <Button
21. android:id="@+id/btn2"
22. android:layout_width="wrap_content"
23. android:layout_height="wrap_content"
24. android:background="@drawable/button"
25. android:text="dialer"
26. android:textSize="24sp" />
28. <Button
29. android:id="@+id/btn3"
30. android:layout_width="wrap_content"
31. android:layout_height="wrap_content"
32. android:background="@drawable/button"
33. android:text="wallpaper"
34. android:textSize="48sp" />
36. </LinearLayout>

這裡的做法是，在UI上擺放Button元件，並設定Button上的文字及大小。通過「android:background」屬性設定，將Button的背景設定為「@drawable/button」，即「drawable資源（drawable-mdpi/目錄）裡的button圖片」，Android框架會去找到button.9.png檔案。因為button.9.png是一張NinePatch圖片，因此會隨著Button上的文字大小延展。

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11