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图就制作好了。

更多相关文章

  1. Android ListView 滑动背景为黑色的解决办法[转]
  2. Android:设置圆形头像,Android截取圆形图片
  3. (4.1.21.4)Android Handler 异步消息处理机制的妙用 创建强大的图
  4. [转]Android 应用初始化及窗体事件(按键)的分发 [此博文包含图片]
  5. Android复制assets目录下的图片到内存
  6. Android单张图片查看、单指移动、双指缩放、双击最大化或最小化
  7. [Android] 旋转照片/图片

随机推荐

  1. android 音量调节时,嘟 的 发声位置
  2. Android开发之修改标题栏样式
  3. Android之SharedPreferences对参数数据的
  4. android警告 —— This Handler class sh
  5. Android(安卓)SDCard操作(文件读写,容量
  6. android 背景图片的设置
  7. day2
  8. 【Android】BroadCastReceiver 简介
  9. onTouch事件传递机制
  10. 使用MAT查看Android内存泄露