Android中.9.png制作

来源:互联网 发布:淘宝hd版怎样改电脑版 编辑:程序博客网 时间:2024/05/16 19:49

在Android的设计过程中,为了适配不同的手机分辨率,图片大多需要拉伸或者压缩,这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式,它的好处在于可以用简单的方式把一张图片中哪些区域可以拉伸,哪些区域不可以拉伸设定好,同时可以把显示内容区域的位置标示清楚.

1.我们使用的是android模拟器中:android-sdk-windows,打开SDK目录下的tools目录下的”draw9patch.bat”,如下,

这里写图片描述

2.双击打开之后,出现如下窗口,

这里写图片描述

3.我们可以看到有两个窗口,后面的那个窗口不用管,我们只用前面的这个编辑窗口,
然后我们将png图片拖拽到该窗口下,就会自动进入编辑页面,如下,

这里写图片描述

介绍一下功能,如下,

这里写图片描述

在预览区可以看到我们的图片是普通的拉伸状态,我们可以在图片的边缘进行划线,不同位置代表不一样的功能,如下,

这里写图片描述

Show lock: 当鼠标在图片区域的时候显示不可编辑区域
Show patches: 在编辑区域显示图片拉伸的区域 (使用粉红色来标示)
Show content: 在预览区域显示图片的内容区域(使用浅紫色来标示)
Show bad patches: 在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生人工痕迹,如果完全消除所有坏宫格,也就是说,不管如何缩放图片显示都是良好的。(实际试发现NinePatch编辑器是根据图片的颜色值来区分是否为bad patch的,一般来说只要色差不是太大不用考虑这个设置。)

三种拉伸的效果已经展示出来了,如果是显示文字的窗体,那么文字显示的区域,程序会控制在黑线的对应的范围,如下,

这里写图片描述

4.就是保存输出,我们可以点击左上角的File,然后弹出一个下拉菜单,选择Save 9-patch… ,或者Clrt+s按键进行保存,我们就可以选择保存的路径了。

这里写图片描述

接下来我们看一下图片是不是以.9.png来命名的,如下,

这里写图片描述

使用.9.png在出现变色条纹的时候,会明显优于普通的png,但是由于Android手机的屏幕的材质质量差距大,因此很多屏幕是不支持16位以上的颜色显示,所有渲染后结果出现丢失颜色,故造成横纹显示。当然手机屏幕材质越不好,显示横纹就越明显。

使用.9.png图片对应Android开发的好处还是挺大的,不仅减少了图片占用内存,还可以减少代码量,只需要一套页面的切图就可以适应不同的分辨率,还可以实现拉伸,感觉不错。

本人菜鸟一个,有什么不对的地方希望大家指出评论,大神勿喷,希望大家一起学习进步!

2 0
原创粉丝点击