剖析点九图：移动开发中不可或缺的小技巧

点九图简介

点九图，一个常常在互联网开发中出现的概念，它并不是什么高深的技术，但是却是开发者常用的一个小技巧，特别是在移动端开发中，我们经常会用到它。那么，点九图到底是什么呢？

简单的说，点九图就是一种可拉伸的图片，它可以让图片在不失真的情况下，按照指定的比例进行拉伸，从而适应不同的屏幕尺寸。

点九图的组成

点九图是由九个区域组成的，如下图所示：

<Image of a 9-patch image>

• 左上角：这个区域是不拉伸的。
• 右上角：这个区域是水平拉伸的。
• 右下角：这个区域是垂直拉伸的。
• 左下角：这个区域是水平和垂直都拉伸的。
• 中上部：这个区域是水平拉伸的。
• 中下部：这个区域是垂直拉伸的。
• 中间：这个区域是不拉伸的。
• 左边：这个区域是垂直拉伸的。
• 右边：这个区域是水平拉伸的。

点九图的创建

点九图可以通过多种方式创建，可以使用Photoshop、GIMP等图像编辑软件，也可以使用代码生成。

使用Photoshop创建点九图

1. 打开一张图片。
2. 选择“图像” > “画布大小”。
3. 在“画布扩展颜色”中选择“透明”。
4. 将画布大小增加到原始图片大小的2倍。
5. 在图片周围添加9个像素的透明边框。
6. 保存文件为PNG格式。

使用点九图

点九图可以像普通图片一样使用，但是需要设置它的“scaleType”属性为“ninePatch”。这样，当图片被拉伸时，它就会按照指定的方式进行拉伸。

在Android中使用点九图

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/my_nine_patch"
    android:scaleType="ninePatch" />

点九图的优点

使用点九图有很多优点：

• 可拉伸性： 点九图可以按照指定的比例进行拉伸，从而适应不同的屏幕尺寸。
• 减少资源消耗： 由于点九图只需要一张图片就可以实现拉伸，因此可以节省资源消耗。
• 易于使用： 点九图很容易使用，只需要设置它的“scaleType”属性为“ninePatch”即可。

点九图的缺点

使用点九图也有一些缺点：

• 边缘失真： 如果点九图的边缘没有处理好，可能会出现失真现象。
• 不适合复杂图片： 点九图只适合拉伸简单的图片，对于复杂图片，可能会出现问题。

结论

点九图是一种非常有用的技术，它可以让图片在不失真的情况下，按照指定的比例进行拉伸，从而适应不同的屏幕尺寸。在移动端开发中，点九图经常被用来创建可拉伸的背景、按钮等元素。