一、打开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的长和宽怎么变化,拉伸效果和我们预想的一样,橘黄色箭头都没有变化。