制作 Nine-Patch 图片。

Nine-Patch 是一种被特殊处理过的 .png 图片,能够指定哪些区域可以被拉伸而哪些区域不可以。它用于 Android 的页面绘制而不发生变形。

我们自己也可以简单的制作出 Nine-Patch 图片,在 Android sdk 目录下有一个 tools 文件夹,在这个文件夹中找到 draw9patch.bat 文件,我们就是使用它来制作 Nine-Patch 图片的。

  • 首先在 PhotoShop 中制作好需要用到素材。
  • 之后双击打开 draw9patch.bat 文件。
  • 在导航栏点击 File → Open 9-patch 将 .png 的素材文件加载进来。


    制作 Nine-Patch 图片。_第1张图片
  • 新手可以将底部的辅助线都勾选上,帮助理解。


    制作 Nine-Patch 图片。_第2张图片
  • 在图片的四个边框绘制一个个的小黑点,在上边框和左边框绘制的部分就表示当图片需要拉伸时就拉伸黑点标记的区域,在下边框和右边框绘制的部分则表示内容会被放置的区域。


    制作 Nine-Patch 图片。_第3张图片
  • 之后点击导航栏 File→Save 9-patch 把绘制好的图片进行保存,此时的文件名就是 .9.png。


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

你可能感兴趣的:(制作 Nine-Patch 图片。)