您的位置：首页 > 移动开发 > Android开发

Android基础新手教程——1.6 .9(九妹)图片怎么玩

2017-04-11 10:40 330 查看

Android基础新手教程——1.6 .9(九妹)图片怎么玩

标签（空格分隔）： Android基础新手教程

1.本节引言：


可能有的一些疑问：

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

；

嘿嘿，然后把他增加我们的project。设置为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图后相信你就深有体会了。再见~
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航