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" >  
6.   
7.     <TextView  
8.         android:layout_width="fill_parent"  
9.         android:layout_height="wrap_content"  
10.         android:text="@string/hello" />  
11.   
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" />  
19.   
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" />  
27.   
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" />  
35.   
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