Android中.9图片的了解和制作过程

之前在做android程序的时候经常会遇到图片被拉伸变形,从网上查的资料得知.9图片可以实现被拉伸但不会变形,今天在使用.9图片中,发现周围会有黑边,想尽各种办法,无法解决,从网上查资料看到一篇关于.9图片的文章非常好,分享给大家看看。

一、什么是9.png

9.png格式的图片是安卓平台上新创的一种被拉伸却不失真的玩意(挺高级的吧)首先我们还是得介绍一下,9.png图片他的具体不同之处,它的四周与普通的png图片相比多了一个像素位的白色区域,该区域只有在图片被还原和制造的时候才能看到,当打包后无法看见,并且图片的总像素会缩小2个像素,比如23x23像素的9.png图片被打包后会变成21x21像素。所以我们在制作的时候要注意掌握尺寸。当我们制作出9.png图片的时候你还有惊奇的发现一个几KB或者几十KB的图片,变得非常的小,一般只有几百个字节那么大,系统加载起来当然会更加的流畅咯。

.9图片的制作工具在解压的sdk目录下toolsdraw9patch,双击即可打开。
将你用PS制作的图片素材,拖到该窗口中,出现如图:

解释:中间黑红条纹部分表示不能编辑,边缘白色透明框就是上述介绍的增加的

一像素边框将鼠标放在白色边框,点住左键不放拖动,会出现黑色线条如图:


解释:

        1号黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域 
        2号黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域  
        3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域 
        4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域 没有黑色

.9图片的名称的由来:


图片被划分成9部分

普通拉伸和点九拉伸效果对比:


对比很明显,使用点九后,仍能保留图像的渐变质感,和圆角的精细度。

从中我们也可以理解为什么叫点九PNG”,其实相当于把一张png图分成了9个部分(九宫格),分别为4个角,4条边,以及一个中间区域,4个角是不做拉升的,所以还能一直保持圆角的清晰状态,而2条水平边和垂直边分别只做水平和垂直拉伸,所以不会出现边会被拉粗的情况,只有中间用黑线指定的区域做拉伸。结果是图片不会走样

具体的.9图片的制作方法,本人是直接使用ps切图的,具体视频:http://pan.baidu.com/s/1kTGDyZH


posted @ 2013-11-27 15:47  roccheung  阅读(222)  评论(0编辑  收藏  举报