Android-.9图详解

Posted 2023-03-17

参考技术A

android设备适配，图片方面很重要的一部分就是.9图的使用了，我们今天就来记录一下。

.9.png图片本质上还是png图片，区别是.9.png图比正常的png图片在最外围多了1px的边框，这就允许我们在这个1px的边框上定义图片的可拉伸区域以及图片的内容区域。这也就是说.9.png的制作实际上就是我们在这1px的边框上按我们的需求,把对应位置设置为黑线，然后系统帮我们自动拉伸了。

正常图片都有四个边,.9图的左上(左边和上边两条边)表示可以拉伸区域,其中上面黑线(或者点)表示横向可拉伸的区域;左边黑线(或者点)表示纵向可拉伸的区域.在图片拉伸时只有黑线区域内的图像会被拉伸，黑线两边的图像保持原状。

右下(右边和下边两条边)表示间隔区域,其中下边表示横向填放内容的区域;右边表示纵向填放内容的区域，在图片拉伸时，控件内部的文字上下左右边界只能放在黑线区域（有点类似垂直居中显示）。

如果你还用eclipse开发，在你sdk中的tools文件夹找Draw9patch.bat文件,这是一个Windows 批处理文件,双击进入界面，拖入图片开始制作.
如果是studio直接以.9.png为后缀,双击编辑进入图片界面,选择左下角的9-patch即可开始制，或者图片右击在列表选则Create 9-Patch file即可。

我们就以一个TextView为例，给其设置一个图片背景，效果如下：
直接设置为背景：

.9图各边框含义

完毕！

[RK3568 Android11]火焰图详解