Android 点9图片制作 去黑边 深度剖析

大家好,我是鸿雁,分享就是快乐

最近的项目中需要用到点9图片,可惜公司没有美工,怎么办? 自己搞呗,苦逼的人生啊 今天鸿雁就和大家一起分享我的研究成果.

在学习之前我们要弄懂两个问题?为什么要使用点9图片?点9图片的优势在哪里?

我用最简单的句子说清楚:Android加载一张图片时会根据需要对整张图片进行拉伸,而点9图片对这种拉伸做了一种优化,它做了两件事:1.规定了可拉伸区域和不和拉伸区域. 2.规定了内容区域和非内容区域.具体理解我用下面的图进行说明:

一张未处理过黑边的点9图片边缘部分有一个像素的黑边,这些黑边有着特殊的意义.左边和上边的黑边分别代表横向拉伸区域和纵向拉伸区域,右边和下边的黑边分别代表内容显示区域的纵向范围和横向范围.

如图所示:

图片解释的已经很清楚了,大致点9图片提供了两个功能:一是定义了拉伸区域,而是定义了内容显示的范围.一般情况下第一种情况用的较为普遍,比如常用的圆角的Buttton,如果不用这种点9图片放大后会非常丑.第二种的红色部分代表内容显示区域,假如我们有一个特殊的需求,需要Button的文字显示在右上角,只要把红色部分控制在右上角就可以了.

好了,相信大家已经明白了点9图片作用了,接下来我就教大家如何制作点9图片.

在D:\adt-bundle-windows-x86_64-20130522\sdk\tools目录下有一个叫draw9patch.bat的工具,是专门来制作点9图片的.双击打开.

具体制作过程见图解:

制作完成之后Ctrl+S,就可以了.

终于到了最后一步了,就是去黑边.这样做出来的图片周围一个像素的黑边,是不合格的,必须用一个工具进行打包.

打包过程:(抄的啊,够清楚了)

去黑边：下载地址:http://download.csdn.net/detail/u010375704/6590639 欢迎下载,给点积分呗 就1个

解压xUltimate-d9pc-x86.rar压缩包

1.把预处理黑边的图片到目录example1\res\drawable-hdpi下

2.双击xUltimate-d9pc.exe，听到电脑滴的一声，即可完成去黑边（此时的9.png图片内部加载了黑边信息）

3.根目下会自动生成done文件，在done\example1\res\drawable-hdpi下，就是我们经过处理的9.PNG图片

4.这个图片就是我们要美化替换的图片