android开发之Nine-Patch图片

说到Nine-patch图片,就是一个图片适配文字的经过处理的图片,制作路径在sdk/tools/draw9patch.bat,双击打开

将要处理的旗袍图片放入到里面,然后进行处理。

这个软件的用法:

Zoom: 用来缩放左边编辑区域的大小 Patch scale: 用来缩放右边预览区域的大小 Show lock: 当鼠标在图片区域的时候显示不可编辑区域 Show patches: 在编辑区域显示图片拉伸的区域 (使用粉红色来标示) Show content: 在预览区域显示图片的内容区域(使用浅紫色来标示) Show bad patches:在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域,如果完全

图中一共有四条线,作用分别是:

左边线条:当图片进行纵向拉伸时,由此线条从图片左边水平位移到图片右边所形成的区域都是可以进行纵向拉伸的,此区域外则不进行拉伸,保留原来效果;

上边线条:当图片进行水平拉伸时,由此线条从图片上边垂直位移到图片下边所形成的区域都是可以进行横向拉伸的,此区域外则不进行拉伸,保留原来效果;

右边线条:控制图片填充内容的垂直padding留白;

下边线条:控制图片填充内容的水平padding留白。


在有了大致的了解后,可以动手做了,用鼠标拖动途中的线,拖至合适的位置。


NinePatch图片的可延展区为两条黑线的交集处,在这里,图片会随着文字大小长度的改变而改变,粉色区域及为该图的可延展区,绿色为固定大小区。粉色区域只需要勾选show patches,绿色区域勾选show content即可显示出来。

如果有更加具体的需求,可以自行参考来连接。

http://www.cnblogs.com/lwbqqyumidi/p/3373070.html
http://blog.csdn.net/imyang2007/article/details/7615363
http://blog.sina.com.cn/s/blog_5033827f0100r4dm.html



你可能感兴趣的:(android开发,Nine-Patch)