Android 制作Nine-Patch图片

参考修图工具Draw9patch使用小结

在androidSDK下的tools文件夹下找到draw9patch.bat,双击打开后,导航栏点击File->Open 9-patch将message_left.png加载进来。操作完毕后,点击File->Save 9-patch进行保存,此时文件名就是message_left.9.png。

Android 制作Nine-Patch图片_第1张图片

可以看到图片被分割成9块,橙色的四块1,2,3,4是四个角,这是固定不变的。也就是说不管控件或者说这张图是纵向拉伸还是横向拉伸抑或是横纵拉伸,这拉伸后的4个角跟现在看到的四个角永远是一样的。那他拉伸的是什么呢?就是图中的绿色区域。

先看黑线5吧,5位于图片的顶部,它的正下方有一个与之宽度相等的绿色区域,这个区域就是用来横向拉伸的区域,每次横向有拉伸的时候,就是对这个区域进行改变。但要注意一点,这个黑线的宽度不是用来决定可拉伸区域的宽度,而是用来调整两边边角的宽度。为什么?因为中间的区域本来就是用来拉伸的,要区别宽度有什么用呢?那么怎么改这个黑线长度?直接用鼠标左键在顶部一描就就好,鼠标右键用来擦除。当然,画线的时候要注意数好像素点数再画,保证左右对称嘛。

黑线6同理。

Android 制作Nine-Patch图片_第2张图片

最后两条线,就看1吧。2同理。

这两条线就是控件上的内容的显示区域,1控制高度,2控制宽度。不过这图是会拉伸的,所以还是要这样理解,1是控制内容显示的地方距离上边和下边的距离,2自己去想了。

总结:上和左两条黑线已经确认了宽高可拉伸的区域。下和右两条黑线是为了控制内容显示的区域。

你可能感兴趣的:(Android 制作Nine-Patch图片)