Android使用NinePatch图片实现大小可变的Button

在Android的一些应用程序中，有时要用到大小可以延展的图片做背景，实现的方法是使用NinePatch。

下面是一个用NinePatch图片给Button做背景的例子，实现一个可以随文字大小而改变的图片Button：

准备一张NinePatch资源图片（button.9.png），具体方法参考（http://www.zzzyk.com/kf/201205/133933.html）；
将button.9.png拖曳（drag）到android工程的/res/drawable-mdpi目录下。
修改main.XML文件：
[html] <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button"
        android:text="music"
        android:textSize="12sp" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button"
        android:text="dialer"
        android:textSize="24sp" />

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button"
        android:text="wallpaper"
        android:textSize="48sp" />

</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

</LinearLayout>

这里的做法是，在UI上摆放Button元件，并设定Button上的文字及大小。通过「android:background」属性设定，将Button的背景设定为「@drawable/button」，即「drawable资源（drawable-mdpi/目录）里的button图片」，Android框架会去找到button.9.png档案。因为button.9.png是一张NinePatch图片，因此会随着Button上的文字大小延展。

此时所有工作已完成，不需要改写任何代码，程序运行效果如下：

摘自 Young的专栏

补充：移动开发 , Android ,