AndroidStudio中制作.9.png图

概念

什么是9patch图片

9patch图片是andriod app开发里一种特殊的图片形式，文件的扩展名为：.9.png
9patch图片的作用就是在图片拉伸的时候保证其不会失真。所以我们使用.9图片，让图片在指定的位置拉伸和在指定的位置显示内容，这样图片的边边角角就不会出现失真了。

使用场景

一般用作可能有很多内容的背景板，比如聊天文字的背景板

示例图片.png

Android studio中制作流程

1、将图片拷贝到drawable下（一开始我放到其他drawable下，重命名打开无法划线，是不是只能右键创建.9-patch文件？也可能是我操作有问题，此处不再复限，有机会尝试下即可），右键->create 9-Patch file，然后保存在drawable下，删除源文件，就可以对新建的文件编辑了。
2、绘制之前先来说一下.9图片的四条黑边的意义，每条黑边的意义都不一样。

顶部：在水平拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸
左边：在竖直拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸
底部：在水平拉伸的时候，指定图片里的内容显示的区域
右边：在竖直拉伸的时候，指定图片里的内容显示的区域

编辑页面，可以看到左边是对图片的操作界面，右边则是实时的显示界面。鼠标左键拖动相应位置就可以画黑线了，也就是标注需要拉伸和展示内容的位置和区域。描边时，按下鼠标左键，然后放在图片边界移动就能描边了，要是想要去掉黑边，可以按下Shift键，然后点击鼠标左键。
我们先绘制左上两边，控制拉伸位置，右下为内容展示区域。

示例.png
如上图，底部有几个可以勾选的复选框，其中两个说明一下：

show bad patches勾选上，此时（如果点九图片绘制有误的话）会看到图片出现报错的区域（红色）
show content如果勾选上，会看到右侧的小图中出现蓝色的区域，代表的是可以自动 拉伸的部分（图中看起来像紫色还是啥，可能是因为底部有黄色背景）。

注意：出现红色区域，调整一下划线范围即可