點九圖片的顯示內容區域應作何理解

點九圖片的拉伸區域不難理解，顯示內容區域是怎樣的？
.9 ，是andriod平台的應用軟件開發裡的一種特殊的圖片形式，文件擴展名為：.9.png

智能手機中有自動橫屏的功能,同一幅界面會在隨著手機(或平板電腦)中的方向傳感器的參數不同而改變顯示的方向,在界面改變方向後,界面上的圖形會因為長寬的變化而產生拉伸,造成圖形的失真變形。
我們都知道android平台有多種不同的分辨率，很多控件的切圖文件在被放大拉伸後，邊角會模糊失真。
OK，在android平台下使用點九PNG技術，可以將圖片橫向和縱向同時進行拉伸，以實現在多分辨率下的完美顯示效果。

如下圖：

利用SDK tools下的draw9patch工具打開圖片。

點選Show patches，顯示的粉紅色區域，即為要拉伸的區域。

點選Show content，右側藍色陰影區域，即為內容顯示區域。

由圖可知，內容顯示區域在此圖片的左上部分。如何更容易理解呢？

如果將此圖片作為button的背景，button的text為“試一下試一下試一下”，

此button的顯示情況應為：

button的text顯示不會越過陰影部分。