当前位置: 代码迷 >> Android >> [Android]使用draw9patch打造可拉伸图片
  详细解决方案

[Android]使用draw9patch打造可拉伸图片

热度:36   发布时间:2016-04-27 23:54:03.0
[Android]使用draw9patch制作可拉伸图片

在项目开发时,为了使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标志,记得不能去掉,否则,将无法正常拉伸。

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

  相关解决方案