Android 9-patch图片制作流程（nine-patch）

一、打开Android SDK文件夹下sdk\tools的draw9patch.bat文件

准备好你想做成.9图片的资源

点击Draw 9-patch左上角的File->open 9-patch，选择准备好的图片资源

左图为编辑图，右图为预览图

二、

画可拉伸的.9图，说白了就是画上下左右四条线，左上控制拉伸，右下控制边距（我都是理解为内容区域，就是右下两部分的交叉区域为内容区）

（1）、可拉伸区域讲解

1、

大家看到在左边中间点了一个点，右边预览只有中间部分拉伸，其他部分不变

用鼠标左键点击就可以画点，按住左键可以画一条线，shift + 左键可以删除点

2、

上下各点了一个点，上下两部分都拉伸了，拉伸比例是1:1

（3）

左上画了两个点，左下画了一个点，则上下拉伸比例是2:1

（4）

在上边点了个点，则黑点对应的下边被拉伸

（2）、边距盒子（内容部分）讲解

如图：在右下两个边画了两条线，则两条线的交叉处，即右边紫色区域为内容区域

画完后ctrl + s保存即可，可得到后缀名为.9.png的图片

三、实例

将上边最后制作的图作为Button的背景图

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

    <Button
        android:layout_width="150dp"
        android:layout_height="50dp"
        android:text="BUTTON1"
        android:background="@drawable/patch"
        android:layout_marginTop="10dp"/>
    <Button
        android:layout_width="250dp"
        android:layout_height="100dp"
        android:text="BUTTON1"
        android:background="@drawable/patch"
        android:layout_marginTop="10dp"/>
    <Button
        android:layout_width="350dp"
        android:layout_height="200dp"
        android:text="BUTTON1"
        android:background="@drawable/patch"
        android:layout_marginTop="10dp"/>
</LinearLayout>

效果图：

如图：将图片作为Button的背景图片，无论Button的长和宽怎么变化，拉伸效果和我们预想的一样，橘黄色箭头都没有变化。