9-patch-png 的内容显示区域

.9.png可以在上下左右四个方向画黑线，左、上代表可拉伸区域，右、下代表内容显示区域。可拉伸区域就是指在图片需要拉伸时，优先拉伸的区域，内容显示区域是指在该.9.png图片上显示文字/图片等内容时，该内容显示的区域，该区域不可拉伸，只可等比缩放。

举个例子：

<RelativeLayout
    android:id="@+id/main_top_rl"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:layout_alignParentTop="true"
    android:background="@drawable/title_bar">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="月半兄"
        android:textSize="22sp"
        android:textColor="#FFFFFF" />
</RelativeLayout>

上面这段xml布局代码很简单，RelativeLayout中显示一个TextView，RelativeLayout中的background背景图片title_bar就是我们测试的图片了（.9.png）。在Android Studio的预览中是这样的：

只画可拉伸区域

我们先只画可拉伸区域：

运行后的效果为：

我们发现一件很诡异的事情，字不见了！见了！了！

画上内容显示区域

好吧，现在我们老老实实的把内容显示区域也画上：

再运行一下，看看效果：

字出现了！

总结

内容显示区域就是宣布这里是要显示内容的，你这个.9.png变形的时候注意一下不要把内容搞没了。