Android | 制作 Nine-Patch 图片

一、Nine-Patch图片概念

Nine-Patch图片也叫做 9patch 图片,文件扩展名为 .9.png ,它是一种被特殊处理过的 png 图片,能够指定哪些区域可以被拉伸,哪些区域不可以。可以对界面进行一定程度的美化。

二、制作

根据书中的说法,我们可以打开Android sdk目录下的tools文件夹,在文件夹找到 draw9patch.bat 文件,双击打开,在导航栏点击 File-Open 9-patch 将需要制作的图片加载进来。BBBBBBBut,我在文件夹中没找到这个文件,所以这里我们还有第二种方法,就是先将准备好的.png文件导入到项目的相应位置,右击并选择如下图所示的选项
在这里插入图片描述
然后将生成的 .9.png 文件保存在刚刚 .png 文件相同的目录下,删除原来的 .png 文件,接下来就可以进入正式制作过程了。

我们可以在图片的四个边框绘制一个个的小黑点,形成一条黑边。我们先来说一下四条黑边的含义:
1.上边框
Android | 制作 Nine-Patch 图片_第1张图片
上边框的黑边所形成的灰色区域代表在水平拉伸的时候,保持其他位置不动,只在黑边处做拉伸。
2.左边框
Android | 制作 Nine-Patch 图片_第2张图片
左边框的黑边所形成的灰色区域代表在竖直拉伸的时候,保持其他位置不变,只在黑边处做拉伸。
3.下边框
Android | 制作 Nine-Patch 图片_第3张图片
下边框所形成区域代表内容所放置的区域
4.右边框
Android | 制作 Nine-Patch 图片_第4张图片
右边框所形成的区域也代表内容放置区域

  1. 左边框和上边框是一组对应关系,性质相似,都是处理长度拉伸关系;
  2. 右边框和下边框是一组对应关系,性质相似,都是处理内容放置区域。

现在看下使用9patch图片和没使用的演示效果的对比图:
.png 图片
Android | 制作 Nine-Patch 图片_第5张图片
.9.png 图片
Android | 制作 Nine-Patch 图片_第6张图片
可以看出使用9patch图片后得到的界面更加美观。以上就是关于制作Nine-Patch的过程啦,希望能帮助到点开这篇博客的你。

你可能感兴趣的:(Android)