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

一、什么是9.png：

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

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

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

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

解释：

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

.9图片的名称的由来:

图片被划分成9部分

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

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

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

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

关注微信公众号，最新技术实时推送

转载请注明：尼古拉斯.赵四 » Android中.9图片的了解和制作过程