一、首先找一张图片，后缀改成.9.png。然后放到drawable目录下：
QQ截图20180613155008.png
二、双击该图片即可进入.9图编辑界面：
QQ截图20180613154444.png
下面详细介绍各边代表的含义：
1.左边代表竖直方向（Y轴）可拉伸区域；
2.上边代表水平方向（X轴）可拉伸区域；
3.右边代表竖直方向（Y轴）内容显示区域；
4.下边代表水平方向（X轴）内容显示区域。
注意事项：
本图竖直方向是全部拉伸，包括箭头（不然箭头会变形）；
右边只画了中段，表示内容不靠顶显示（默认是靠顶部显示的，布局不好看）；
下边线不紧靠左右角，表示内容不会紧靠着左右边（默认是会紧靠边线的，布局不好看）。
