切图细节——点九切图

1. 适用范围

根据屏幕横竖屏或展示面积不定,但具有明显的重复延展性,因此切出具有特点的部分,将重复部分用代码完成,常见的有对话起泡、按钮等。

2. 切图方法

   9patch软件;PS切图

以下介绍一下如何用PS进行切图,直接使用 PS等平面工具绘制,流程如下:

1. 确定切图后直接改变图片的画布大小

2. 手动将上下左右各增加1px

3. 使用铅笔工具,手动绘制拉伸区域,色值必须为黑色(#000000)

4. 存储为web所用格式,选择png-24,储存时手动将后缀名改为.9.png

不过这种方法的缺点是不能实时预览,判断并测试拉伸区域的准确性。

使用此方法需要注意以下2点:

1. 手绘的黑线拉伸区必须是#000000,透明度100%,并且图像四边不能出现半透明像素;

2. 你的.9.png必须绘有拉伸区域的黑线;

否则,图片不会通过android系统编译,导致程序报错。还有,有同学疑惑解压缩apk文件后,.9.png图片里的黑线怎么没了?

那是因为andriod程序在把文件打包成apk的时候,程序会自动把*.9.png图片边缘的黑线去掉,所以解压缩apk后看到的.9.png文件是没有黑线的。


王旋子同学


你可能感兴趣的:(切图细节——点九切图)