点9图是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png
点9图存在的意义:
安卓平台的手机分辨率各种各样,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。在android平台下使用点九PNG技术,可以将图片横向和纵向同时进行拉伸,以实现在多分辨率下的完美显示效果。
为什么叫“点9图”?
其实相当于把一张png图分成了9个部分(九宫格),分别为4个角,4条边,以及一个中间区域,4个角是不做拉伸的,所以还能一直保持圆角的清晰状态,而2条水平边和垂直边分别只做水平和垂直拉伸,所以不会出现边会被拉粗的情况,只有中间用黑线指定的区域做拉伸。
绘制点9图具体步骤(以按钮为例子):
1,画好我们需要的按钮样式;
2,将按钮横向距离减小到两圆角之间为10PX(可以更小)间距,并用铅笔工具在对话框上部中间(水平)标注黑线(#000000,100%);该黑线表示:按钮可以横向拉伸该区域至想要尺寸大小。
注意,黑点与对话框之间保留1PX空白间距。
3,同样的道理,将按钮纵向距离减小到两圆角之间为10PX(可以更小)间距,并用铅笔工具在对话框上部中间(水平)标注黑线(#000000,100%);按钮可以纵向拉伸该区域至想要尺寸大小。
4,存储为web所用格式,选择png-24,储存时手动将后缀名改为.9.png
这种方法的缺点是不能实时预览,判断并测试拉伸区域的准确性。
使用此方法需要注意以下2点:
1,手绘的黑线拉伸区必须是#000000,透明度100%,并且图像四边不能出现半透明像素;
2,你的.9.png必须绘有拉伸区域的黑线。
以上就是关于点9图的理解和总结。
长按下方二维码,即可了解新贝学院更多内容
网友评论