Androidstudio .9图的含义和绘制（记录）

.9图的作用

.9图是Android开发的一种特殊的图片格式。它的好处在于可以定义图片中哪些区域可以拉伸，哪些区域不可以拉伸，同时可以把显示内容区域的位置标示清楚。

制作.9图的工具

在androidstudio，选中图片，右击 - create 9 patch file ,如下图：

image.png

工具详解

image.png
1.Zoom
通过调节Zoom可以调节左侧编辑区域的缩放比例。
2.Patch scale
通过调节Patch scale可以调节右侧预览区域的缩放比例
3.Show lock
只能编辑图片最外层1px的边框，如果勾选了Show lock，那么当我们将鼠标放到左侧编辑区域时，那么不可编辑区域会以红色条纹遮盖。
image.png
4.Show content
当我们勾选了Show content后，右侧预览区中的图片会把内容区域以蓝色表示。
5.Show patches
当勾选了Show patches后，左侧编辑区域中的可拉伸区域会粉红色高亮显示出来。
6.show bad patches
当我们在top或left边上设置可拉伸区域设置了连续多个像素时，有可能会造成图片在拉伸时多个像素颜色进行插值导致失真，如果出现了这种情况会以红色显示。(在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域，如果完全消除该内容则图片拉伸后是没有变形的，也就是说，不管如何缩放图片显示都是良 好的。
(来源)[https://www.jianshu.com/p/c62fc4b133db])
image.png

四条黑边的意思

(来源)[https://blog.csdn.net/sunbinkang/article/details/77331718]
顶部：在水平拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸
左边：在竖直拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸
底部：在水平拉伸的时候，指定图片里的内容显示的区域
右边：在竖直拉伸的时候，指定图片里的内容显示的区域

image.png

内容的显示的区域

来源[https://blog.csdn.net/whatever9527/article/details/53860437]
所谓内容显示区域意思就是当我们将这张.9.png的图片作为按钮背景然后通过android:text给按钮添加文字时，文字会显示在内容显示区域

image.png
image.png

生成的.9图为黑白色且不可编辑

来源[https://blog.csdn.net/u011028536/article/details/78052335]
用ps工具，将图片的模式改为16位/通道，重新生成.9图片即可。

image.png