制作 Nine-Patch 图片

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


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

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

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

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

那什么是Nine-Patch图片呢?

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


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

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

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

制作 Nine-Patch 图片_第3张图片



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

制作 Nine-Patch 图片_第4张图片



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

制作 Nine-Patch 图片_第5张图片

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

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

这儿注意:

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

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

之后保存。

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

你可能感兴趣的:(我的Android足迹)