為什么制作九點圖

今天簡單記錄一下九點圖的制作方式，那么制作九點圖的作用是什么呢，我們先看一個例子，下面是一個聊天氣泡的照片：

下面一段代碼將氣泡作為了背景：

    <LinearLayout
        android:background="@drawable/message_left"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

然后我們在看一下將它設(shè)置為背景的情況：

可以明顯看到非常的難看，由于圖片的寬度不足以填滿整個屏幕所以就被均勻拉伸了，沒有人能接受這樣的聊天背景圖吧。

這個時候就要制作成九點圖了。

制作九點圖的工具

很多書上和網(wǎng)上較早的博客會說可以在sdk的文件路徑下找到tools文件夾，下面有一個draw9patch.bat，不過現(xiàn)在已經(jīng)被集成在Android Studio中了。所以現(xiàn)在步驟簡單許多，直接對要制作的圖片右鍵選擇Create 9-Patch file然后直接回車確認就可以在同路徑下生成一張后綴.9.png的九點圖，然后雙擊打開進行制作就可以了，原圖如果沒有必要即可刪除。

雙擊打開后的編輯界面：

制作九點圖本身就比較簡單了，直接用鼠標選中邊上的像素點拖動涂黑既可，取消的話按住shift鍵覆蓋就可以擦除，其中上邊框，左邊框的表示可以拉伸的區(qū)域，右邊框和下邊框表示內(nèi)容會被放置的區(qū)域。

下面是繪制后的效果：

最后用這張制作過的九點圖替換原來的引用在布局中加入一個TextView：

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/message_left">
        <TextView
            android:text="this is a test text .this is a test text ."
            android:layout_gravity="center_vertical"
            android:textSize="25sp"
            android:maxLines="2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

結(jié)果如下：