制作 9.png 图片步骤详解
一、什么是 9.png?
9.png 图片四周与普通的 png 图片相比多了一个像素位的白色区域,该区域只有在图片被还原和制
造的时候才能看到,当打包后无法看见,并且图片的总像素会缩小 2 个像素,比如 23x23 像素的 9.png
图片被打包后会变成 21x21 像素。
当我们制作出 9.png 图片的时候你还有惊奇的发现一个几 KB 或者几十 KB 的图片,变得非常的小,
一般只有几百个字节那么大,系统加载起来当然会更加的流畅。
重要声明,该制作工具均需要搭建 java 运行环境,就是下载 jdk 安装,并在计算机属性中搭建环境
变量,具体操作本帖就不讲了,网上找一下如何搭建环境变量就有了。
二、如何制作 9.png 图片素材
1、执行 draw9patch.bat,会出现如图:
2、将你用 PS 制作的图片素材,拖到该窗口中,出现如图:
解释:中间黑红条纹部分表示不能编辑,边缘白色透明框就是上述介绍的增加的一像素边框。
3、将鼠标放在白色边框,点住左键不放拖动,会出现黑色线条如图:
上图解释: