Android制作9-Patch/.9图片

好一阵子没有写博客了，因为最近都比较忙~~
总结一下制作.9图片，包括趟过的坑。希望能帮到在坑里的同学。
操作环境，AndroidStudio3.0, macOS 10.13.5
以聊天对话的气泡背景为例。

这是原始图。
修改后缀名为 .9.png

当然，资源文件不能以数字开头。
拷贝到项目中。

双击打开，在右侧预览。

默认会在9-Patch分页。如果你处于ImageFIleEditor分页（红圈部分），这时是不能编辑的哦~~选择9-Patch分页，进行.9图编辑。

可以观察到，有四个边可以进行编辑。也就是在边的外围拖动会拉出相应长度的黑边。

如图左侧的黑边，将鼠标长时间放在拉黑的区域，会显示黑边的范围，我的是8~21px。

好，敲黑板~~~

左边，上边标记的是拉伸区域。

可以看到预览图，拉伸的时候，垂直拉伸的时候，只会拉伸阴影区域。同样，水平拉伸，只会拉伸上边黑边区域范围内的区域。

那么左边和下边是标记什么的呢。

将Show content勾选上，可以看到拉伸预览中蓝色的部分。这里是内容的区域。也就是，如果我们这个.9图作为TextView背景，那么里面的文字就有上下边距了，分别为距上11px，距下12px，因为我这张图是40x40px的。

据此，我们可以控制左右边距。

文字显示区域即为拉伸预览中，蓝色区域。
好啦~~完成了.9图的制作。

后记~~~.png图，直接可以在AndroidStudio中，右键创建出来。
create 9-Patch file …
上图：