可能有的疑问

1.什么是.9图片?
答图片后缀名前有.9的图片,如pic1.9.png这样的图片

2. .9图片能干嘛? 答 在图片拉伸的时候特定的区域不会发生图片失真,而不失真的区域可以由自己绘制 3. .9图片用什么做? 答工欲善其事,必先利其器,做.9图片的工具有

Android SDK自带draw9patch.bat,不过这玩意出了好久,谷歌竟然没更新过...

NinePatchEditor,相比起自带的,做了优化,支持批量操作,且界面看起来美观一点有兴趣的可以下载下, 平时用的这个,下载链接NinePatchEditor.zip

NinePng九图神器,手机版的.9处理工具,做得还是比较赞的,但是要连wifi互传图片,实际操作起来有点麻烦,功能还是比较强大的,有兴趣到相关应用市场搜索下载

PhotoShop,这就显得比较夸张了, 用这个做.9图的都是美工,有兴趣的可搜下相关教程!


2. .9图片怎么做?

!!核心要点左上拉伸,右下内容!!!!!!其实核心就上面的内容!先来找个图片试试手!


1. draw9patch.bat制作.9图实例

有这样的图片,通过TextView的android:blackground可以设置为TextView的个背景,内容少的时候还正常,一多起来就可能出现下面这种情况会发现图片被拉伸变形了,很明显,这不合的需求,于是乎要对这个图片来进行处理,让圆角部分的不随长度拉伸,中间部分才拉伸

打开的draw9patch.bat,点左上角File,来到对应目录打开要处理的图片素材, 就可以看到工具的主界面了:

右面的预览区域分别是纵向拉伸,横向拉伸,横纵都拉伸的预览

开始处理图片了

Step 1.调Zoom和Patch scale:设置自己适合的缩放比例,勾选show patch可以让Zoom足够大,因为后面要处理"斑马线"

Step 2. 只要在"斑马线"上进行操作就可以了:PS:黑色那条线是一条条点出来的,若想消除点的话:按住shift点即可!

Step 3.保存图片,以.9.png结尾比如这里保存的文件名是back.9.png;嘿嘿,然后把他加入的工程,设置为TextView的背景

效果杠杠滴, 无论的显示的字符多长,都是图中这个结果,新技能get~


2.看下别人如何做.9图

根据不同的情况可能要做不同的.9图,下面欣赏下几个别人弄好的稍微复杂点的.9图的例子!例子

1.原文链接http://www.miued.com/2074/好吧,这素材喜欢,可以没有QAQ!

2.原文链接http://blog.csdn.net/lizzy115/article/details/7950959

3.原文链接http://www.cnblogs.com/vanezkw/archive/2012/07/19/2599092.html


3.本节小结

本节关于.9制作可拉伸图片的教程就到这里,还是比较简单的,记住的口诀左上拉伸,右下内容!做几个.9图后相信 就深有体会了,