[UI]关于点9切

点9是. 9，是Andriod平台应用软件开发中的特殊图片形式。它可以自适应地调整图片大小，常用于对话框的背景图片。背景随着聊天文字量横向、纵向、横向拉伸。文件扩展名是9.png，这是一种特殊的文件格式。在UI裁剪过程中，UI设计师经常需要为开发者裁剪9.png格式的图片。下面详细介绍如何进行点9裁剪。

相当于把一张png地图分成九个部分(九个方块)，分别是四个角、四个边和一个中间区域。具体如下图所示，上面2个区域代表水平拉伸区域，左边4个区域代表垂直拉伸区域，下面8个区域代表水平显示区域，右边6个区域代表垂直显示区域。区域1、3、7和9表示未拉伸的区域。

制作点9切线贴图的方法有很多。这里有两个工具。一个是手机软件NinePng的九位数神器，一个是电脑软件draw9patch。个人觉得NinePng使用起来更方便，具体使用方法会举例说明。如下......

以聊天后台为例，如下图。

作为聊天背景，确保四个圆角和直角三角形保持不变。水平拉伸时，保持四个圆角不变就够了，只需要标注圆角以外的区域。纵向拉伸时，需要保持三角形面积和圆角不变，所以需要在三角形面积和圆角面积外做标记。内容展示区，横向展示需要具体标注上图所示的效果；具体效果见下图。

超过......