Android中.9图片的含义及制作教程

9patch图片的概念

• 9patch图片是andriod app开发里一种特殊的图片形式，文件的扩展名为：.9.png
• 9patch图片的作用就是在图片拉伸的时候保证其不会失真。所以我们使用.9图片，让图片在指定的位置拉伸和在指定的位置显示内容，这样图片的边边角角就不会出现失真

.9图片的四条黑边的意义

• 顶部：在水平拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸（拷贝）
• 左边：在竖直拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸（拷贝）
• 底部：在水平拉伸的时候，指定图片里的内容显示的区域
• 右边：在竖直拉伸的时候，指定图片里的内容显示的区域

由于左边和顶部表示拉伸区域，选取时应该选取纯色区域，1个像素点即可

使用Android Studio工具制作.9图片

• Android Studio中天生就自带了.9的绘制工具，你只需要将一般的png图片的名字末尾加.9后缀再拷贝到drawable目录下，然后点击打开就能进入.9图片的绘制工具

或者

右键图片->Create 9-patch file，就会自动生成.9图，双击编辑即可

• 导入之后，我们可以看到左边是对图片的操作界面，右边则是实时的显示界面。接下来，我们要对图片进行描边了，描边之前一定要清楚四条边的含义，上左控制拉伸位置，下右控制内容显示位置
• 描边时，按下鼠标左键，然后放在图片边界移动就能描边了

勾选show bad patches，显示报错区域

勾选show content，显示内容区域

按住 Shift 再拖动鼠标就能擦除

记住要将原来的图片删除，保留制作好的.9图片即可，因为 Android 项目中不允许同一文件夹下两张相同名称的图片（后缀名不同也不行）