.9.png制作-Android.9图制作

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

先来认识下.9图

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

它有4条黑边

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

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

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

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

宽高各加两像素

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

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

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

重要的事情说三遍!!!

到此 .9图就生成完毕了

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

黑色边代表内容的拉伸区域,设置可以直接规定四边长度,也可以拉伸完成。长度不对代表拉伸过程出现错误。具体的操作步骤为:

1、点9图片是Android系统或ios系统中的一种可拉动和不失真的图片,例如,我们的微信聊天泡泡是典型的第9点图片,因为聊天泡泡需要关注文本的数量。

2、点9图和拉动方法的总图,一般图是整体放大,会有变形,而点9图是拉图的某些部分,不重复如圆圈角落和光泽度不变,从而实现图像的放大而不失真。

3、以之前绘制的气泡按钮为例。首先,用ps剪切图像边缘的图形。

4、使用[编辑] [画布大小]将画布设置为向左和向右扩展1个像素。

5、看看图片中的可乐区域,即不包括圆角,光泽等特殊区域的区域,我已在下图中圈出。如果无法确定某个区域是否是可拉动区域,则可以在绘制前放置图片。尝试将其部分拉出来。如果图像的变化失真,则不会拉动该区域。

目前,我可以看到可乐区域包括:纯色区域,渐变区域等,下图中绘制的光泽区域属于水平方向的可乐区域和垂直方向的非可拉伸区域。方向。

6、拿起#000颜色并按照以下标准填充图片周围的1px区域:上部是水平可拉动区域,左侧是纵向可拉动区域。这两个部分根据可牵引区域的特性确定黑条的长度。下部是水平内容区域,右侧是垂直内容区域。

内容区域意味着如果按钮是窗口,则右下两个区域延伸到的矩形是可以显示内容的区域。完成后,将图像保存为png并手动将文件后缀更改为。 9.png,完成了第9点地图的制作。

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

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

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

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

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

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