点九图,是Android开发中用到的一种特殊格式的图片,文件名以”.9.png“命名。这种图片能告诉开发,图像哪一部分可以被拉伸,哪一部分不能被拉伸需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应。点九图常用于对话框和聊天气泡背景图片中。
可以明显看到.9.png的外围是有一些黑色的线条的,那这些线条是用来做什么的呢?我们来看下放大的图像:
序号1和2表示了可以拉伸的区域,序号3和4表示了显示内容区域。
当设定了按钮实际应用的宽和高之后,横向会拉伸1区域的像素,纵向会拉伸2区域的像素。
点九图的制作方法:
有很多种方式可以输出.9.png,比如说用draw9patch.bat这个工具,或者用cutterman插件,再或者简单一点,用photoshop直接输出。
(注:切图插件切出来的点九图,除一般的一些之外,其他输出的点9图给开发都是无法使用的,所以大家多注意,U妹建议大家自己手动切点九图)
第一步,先输出普通的png资源,用选区工具选取尽可能多的拉升部分加以删除。
第二步,然后将这些内容拼接成一个完整的整体。
第三步,然后扩大画布大小,上下左右各空出一个像素
第四步,再用一个像素的铅笔工具(颜色选择纯黑色),上下左右分别画点就可以了,保存的时候注意把后缀修改为.9.png。
这里需要特别注意以下2点:
1.最外边的1px线段必须是纯黑色,一点点的半透明的像素都不可以有,比如说99%的黑色或者是1%的投影都不可以有。(这1PX像素在程序最终输出的效果中不会被显示)
2.文件的后缀名必须是.9.png,不能是.png或者是.9.png.png,这样的命名都会导致编译失败。
3.不同的线的长短出来的效果是不一样的,所以一定要理解黑色线条代表的含义
登录 | 立即注册