制作 Nine-Patch 图片

Android的UI是非常重的,关乎用户的体验,一个好的UI能带给这个系统很强的粘性。



若将这张图片图片放入布局中。设置为android:layout_height="match_parent",android:layout_width="match_parent"就会出现这样的情况。


图片出现了模糊,毫无疑问这样的用户体验的极差的。所以,这里要用到Nine-Patch图片。

那什么是Nine-Patch图片呢?

Nine-Patch图片是一种特殊的PNG图片,能拉伸图片的指定部位。QQ的气泡是用这样的方法制作出来的。


接下来,介绍如何制作一张Nine-Patch图:

首先,打开android-sdk目录下的tools,点击draw9patch.bat

运行之后,会出现如下界面:




第二,拖入要处理的PNG图片。




第三,拉动图片四周的线条,绘制出黑色标记。


周围的线条比较细,可以拖动下方zoom的方块,放大图片,更好操作。

这里一张Nine-Patch图片基本就做完了。

这儿注意:

上方左方的黑色线条分别表示水平方向可拉伸的部分竖直方向可拉伸的部分

下方和右方的黑色线条圈起来的部分表示内容存放的区域(整个窗口的右边区域是效果图)

之后保存。

一张Nine-Patch图就制作好了。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值