Android开发之 .9PNG 的使用

9.PNG

相当于把一张png图分成了9个部分(九宫格)，分别为4个角，4条边，以及1个中间区域，启动它需要在Android SDK 路径下如 X:/android sdk/tools 找到一个draw9patch.bat，双击运行后，效果如下：

.9工具.PNG

此时拖入一张图片，区域划分如下：

.9PNG 区域划分.png

序列 1：区域是导入的图片，以及可操作区域。
序列 2 ：从上到下，依次为：纵向拉伸的效果预览、横向拉伸的效果预览，以及整体拉伸的效果预览。
序列 3：工具栏

如何操作

鼠标左键选取需要拉伸的像素点； shift+鼠标左键取消当前像素点。
从图中可以看出，导入的png图片默认周围多了一像素点，也就是这一圈一像素点就是可操作区域。因为下方和右方可操作区域是指定内容的显示区域，属于可选区域，可不予理会；但是要注意内容区域的标记不能有间断，否则.9.png图片在放入项目下会报错。

.9PNG 操作.png

注意上方和左边的黑色像素，是想让此png图像拉伸操作的时候，只是中间区域被拉伸。选择上方中间区域是为了横向拉伸的时候选取的拉伸像素点，左边则是纵向拉伸像素点。

注意

1.做.9.png的图时， padding值由right和buttom的黑线设置，不能在代码中设置
2.图片中如果有不需要拉伸的区域，left和top的黑线要跳过这个区域

实践

将上述两个图片导入到项目中，布局如下：

效果如下：

.9 案例.gif