Android .9(九妹)图片怎么玩

2023-03-31 11:57 更新

1.本节引言:

可能有的一些疑问:

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

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

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

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

1

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



2.如何做 .9 图:

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

1.使用 draw9patch 制作 .9.png 图片

1)在 SDK 里的 tools 文件夹里有一个工具名字为 draw9patch

2)执行之后就是上面截图的这个工具,选择一张图片添加进来

3)之后会发现本来没有透明区域的图片周围出现了一像素的空隙,这个空隙就是给 .9 图片划线用的。接下来,我们在图片的上下左右分别划线

其中,上方和左方的线是控制图片的可拉伸区域的,也就是说,上方的线控制图片中“信”字横向可拉伸,左侧的线控制纵向可拉伸,下方的线和右侧的线控制图片的文本区域,也就是说,如果图片上有 text,就会把位置控制在下方和右侧的线围城的区域里。

4)如果想删除划线,按住 shift + 鼠标左键,删除划线。

5)展示效果,draw9patch 工具,右侧会有三个图片展示,第一张为左侧线产生的纵向可拉伸效果图,第二张为上方线产生的横向可拉伸效果图,第三张为横纵向同时拉伸的效果图,完成划线之后点击file > save


2.使用 NinePatchEditor 制作 .9 图片

1)使用导入或将图片拖拽至图片列表区域,可开始编辑图片

2)在图片四周的绿色区域,可对图像进行标记操作

3)由于个人能力问题,导致此工具处理大图片时会很卡,可勾上 "关闭自动刷新"以改善效率问题,预览效果时,可手动点刷新

4)在标记过程中,点击"查看标志位"按钮,可查看标记状况,0为未标记,1为已标记


3.使用 NinePng九图神器 制作 .9图片

下面上两张教程图演示一下,NinePng九图神器到底有多方便。

1)怎么修改和预览点九图:

2015031508544619

2)怎么传输图片

2015031508545752


3.本节小结:

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



以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号