点九图如何制作-用Android Studio制作点9图

点9图(.9.png)是Android开发中一个特殊的图片格式,它能很好的解决我们的屏幕适配问题,项目中经常用到的地方就是聊天气泡,以及某些特殊形状的背景、边框等;

先来认识下.9图

这个就是我之前做的一个.9图,可以看到,这是一个带阴影,又带突出三角的气泡,在我的项目中,它是一个界面一些信息的背景

它有4条黑边

下面用两张图分别介绍一下“可拉伸区域”和“可填充区域”

(绿色部分)左边上边两条黑线分别无限加宽,所占用的空间,就是.9图可拉伸的区域,四个灰色区域放大不受影响;

同样是想象两条黑线无限加宽,但这次取相交的区域,就是可填充区域

认识了.9图,具体怎么做呢?

宽高各加两像素

将画笔设置为纯黑,大小1像素,硬度100

根据需求画完黑线之后,导出-存储为web所有格式,选择 PNG-24

最后一步,非常重要,这步不做,前面都白扯

重要的事情说三遍!!!

到此 .9图就生成完毕了

一定要把它放在 res - drawable

文件夹

下(根据切图大小,选择对应尺寸的drawable文件),然后将.9图作为背景设置在指定View上

选择需要制作点9图的文件。直接右键

点击确定  会在列表显示一张该图片的点9图。打开

打开点9图进行编辑

左侧是原图,也就是编辑区。右侧是预览区。预览区分三个部分。一个是横向拉伸,一个是纵向拉伸,一个是横纵都拉伸。

编辑区下方有个zoom。直接拉到800%。然后就可以直接在你需要拉伸的地方,直接单击,就可以选择拉伸区域了。

设置完拉伸区域后,可以在预览区实时看到拉伸效果

做安卓项目经常会涉及到拉伸问题,使用最多的解决方案就是.9图。

制作点九图有四个硬性要求,只要满足这四点,点九图就可以被正确识别。

要求一 : 名称格式必须为:文件名称.9.png。

要求二 : 上下左右各留有1px的标识线区,此区内不能有半透明像素(特别注意:切图若有投影,不要泄漏到标识线区)。

要求三 : 伸缩标识线与内间距标识线为不透明的纯黑色(#000000),光学标识线为不透明的纯红色(#ff0000)。

要求四 : 点九图的特殊结构会导致其4个顶角处成为“绝对禁区”,这4个1像素×1像素的区域内不能有任何内容。