点九图的制作
点九图是一种特殊的 PNG 图片，只使用在 Andriod 平台的应用开发里，文件扩展名为 9.png；这种图片能告诉开发，图像哪一部分可以被拉伸，哪一部分不能被拉伸，运用点九图可以保证图片在不模糊变形的前提下做到自适应。常用于对话框和聊天气泡背景图片中。
一、点九图的作用是什么
其实点九图的用处就是帮助我们拉伸切图的，比如这个切图：
如果它需要纵向拉伸，直接拉会变成下面这个样子：
而用了点九图就可以让切图局部拉伸，而不是整体拉伸：
二、点九图的原理
⚠️ 注意：切图四周必须各有一条 1px 的线或点，且必须为纯黑色！
其中这四条线，左上两条线掌管可拉伸区域，右下两条线掌管内容显示区：
1、可拉伸区域
因为左上两条线原理都是一样的，拿左边线段来举例，加一条黑线，就相当于把原来的图形分为三个部分：
当再次纵向拉伸的时候，只有标记了黑线的部分可以被拉伸，而上下两部分是完好无损的，这样就不会变形了（当然左边画一个点也可以起到相同的效果）：
2、内容显示区域
拿右边线段来举例，如果没有右边那条黑线，在这个切图上输入内容，比如文字，是没有限制的，内容会撑满整个背景图：
当有了右边那条黑线后，切图相当于在纵向上又被分开了：
右边的黑线是控制显示区域的，所以只有带黑线的部分才可以显示内容（当然文字是不会被切割的，这里只是为了展示效果）：
同样的原理，当我下面也画一条线后，横向上也是只有带黑线的部分可以显示内容：
三、点九图的制作方法
1、先输出普通的png资源，用选区工具选取尽可能多的拉升部分加以删除
2、将这些内容拼接成一个完整的整体
3、扩大画布大小，上下左右各空出一个像素
4、使用铅笔工具（颜色选择纯黑色），上下左右分别画点或线就可以了
5、存储为 Web 所用格式，选择“png-24”，存储时手动将后缀名改为".9.png"
