在项目开发时,为了使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标志,记得不能去掉,否则,将无法正常拉伸。
版权声明:本文为博主原创文章,未经博主允许不得转载。