码迷,mamicode.com
首页 > 移动开发 > 详细

[Android]使用draw9patch制作可拉伸图片

时间:2015-07-21 13:03:22      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:android   draw9patch   .9   拉伸图片   

在项目开发时,为了使app的大小变成尽量的小,因此,美工在切图的时候,一般都会将可以拉伸的图片都制作成很小,因此,我们Android端开发人员要学会使用draw9patch制作可拉伸图片。例如:

这么小的图片:

技术分享

制作成这么大的,但是又不能变形:

技术分享

好了,不废话了,下面开始讲步骤:

(1)所需工具:draw9patch(路径:G:\eclipse\adt-bundle-windows-x86_64-20140702\sdk\tools)重点是变红的字体,也就是sdk下的tools/draw9patch.bat这个文件。

(2)双击打开后,File-->Open 9-patch...-->选取所要拉伸的图片-->确定,便会出现下图:

技术分享

解析:a:所要放缩的图片

      b:分别是图片垂直、水平、垂直和水平方向一起拉伸的样子

    c:显示a的比例放大缩小

            d:显示b的拉伸程度

(3)我们需要使用的a部分,只需要在想要拉伸的部分按住,移动鼠标即可,例如:

技术分享

由此可以看到b部分的效果图,没有被拉伸变形的样子,便是成功了。但是要注意一点的是,像这个图,水平位置有两个地方可以拉伸,因此,最好可拉伸的部分要相同大小,不然有可能造成下图效果:

技术分享

虽然没有变形,但是假如水平方向拉伸过大,左边部分会明显大于右边。

(4)保存图片,即:File-->Save 9-patch...-->确定

注意事项:

使用draw9patch拉伸后保存的图片有着.9标志,记得不能去掉,否则,将无法正常拉伸。

版权声明:本文为博主原创文章,未经博主允许不得转载。

[Android]使用draw9patch制作可拉伸图片

标签:android   draw9patch   .9   拉伸图片   

原文地址:http://blog.csdn.net/u011596810/article/details/46981403

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!