切图细节——点九切图

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文件是没有黑线的。

---

王旋子同学

---