Android九宫格图片(9.png)的讲解与制作

来源:互联网 发布:欧陆战争4mac破解版 编辑:程序博客网 时间:2024/04/30 13:26

  刚开始学习Android的时候,会见到res/drawable的几个文件里面有*.9.png格式命名的图片文件。起初以为这只是Android素材的一些特殊命名,其实不是。它是能实现图片素材拉伸、收缩不失真的九宫格图片文件。

  详细介绍:9.png文件是Android的一种特殊的PNG图片。他在原始图片四周各添加一个宽度为1像素的线条,这4条先就决定了该图片的缩放规则和内容的显示规则。

  如果原始图片是25*25的,制作成9.png文件之后就会变成23*23。

  制作成9.png文件,文件的大小会减小,这也是Android的9.png文件的好处之一。


  制作方法:

  1.打开Android SDK目录下的tools文件夹,双击draw9patch.bat。就会看到这个界面


  

  2.先用PS或者AI设计好一个button.png,然后File->Open 9path...打开之前的button.png文件

  

  可以看到右边的三个预览,第一个是纵向拉伸,第二个是横向拉伸,第三个是等比例拉伸,可以看到最前面的两个button已经变形了


  3.用鼠标点击button的四边,描线,描出的线是制定要拉伸的区域,我们只要制定边缘就好了,因为button的不能四角是圆弧的,拉伸就会变形,所以描线时不要描到圆弧的范围去。


  好啦,描线OK!这时候可以看到右边的三个预览都正常,大功告成,选择File->Sava 9path...保存,即可生产9.png文件

  PS:如果描线描多了,可以按住Shift键,鼠标点击描多的部分,即可删除