之前在做android程序的时候经常会遇到图片被拉伸变形,从网上查的资料得知.9图片可以实现被拉伸但不会变形,今天在使用.9图片中,发现周围会有黑边,想尽各种办法,无法解决,从网上查资料看到一篇关于.9图片的文章非常好,分享给大家看看。
一、什么是9.png:
9.png格式的图片是安卓平台上新创的一种被拉伸却不失真的玩意(挺高级的吧)首先我们还是得介绍一下,9.png图片他的具体不同之处,它的四周与普通的png图片相比多了一个像素位的白色区域,该区域只有在图片被还原和制造的时候才能看到,当打包后无法看见,并且图片的总像素会缩小2个像素,比如23x23像素的9.png图片被打包后会变成21x21像素。所以我们在制作的时候要注意掌握尺寸。当我们制作出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应用安全防护和逆向分析》
更多内容:点击这里
关注微信公众号,最新技术干货实时推送