点9图

作者: 新贝学院 | 来源:发表于2020-01-10 14:07 被阅读0次

    点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图的理解和总结。

                                               长按下方二维码,即可了解新贝学院更多内容

    相关文章

      网友评论

        本文标题:点9图

        本文链接:https://www.haomeiwen.com/subject/bqgpactx.html