关于点九图片_理解显示内容区域

点九图片的拉伸区域不难理解，显示内容区域是怎样的？

如下图：

利用SDK tools下的draw9patch工具打开图片。

点选Show patches，显示的粉红色区域，即为要拉伸的区域。

点选Show content，右侧蓝色阴影区域，即为内容显示区域。

由图可知，内容显示区域在此图片的左上部分。如何更容易理解呢？

如果将此图片作为button的背景，button的text为“试一下试一下试一下”，

此button的显示情况应为：

 

button的text显示不会越过阴影部分。

 

参考文档：

　　1. 点九：http://baike.baidu.com/view/9269354.htm