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



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值