點9圖的製作

9patch（.9）圖

9patch簡介：

Android系統由於系統和分辨率的多樣性,界面適配是讓開發者頭疼的問題,很多控件的切圖文件在不同屏幕上被放大拉伸後,邊角會模糊失真,十分醜陋. 對不同的分辨率製作多個切圖,又增大了安裝包的大小. 於是Android專門製作了一種.9.PNG格式來解決這個問題. 這種格式的圖片能按照設定來拉伸特定區域,而不是整體放大或縮小,從而保證了圖片在各個分辨率的屏幕上都可以完美展示,這種圖也被稱作9Patch圖.

下圖就是一個9patch圖：

黑線說明：

• 左邊和上邊，代表可以拉伸的區域
• 右邊和下邊，代表內容填充的區域

如何畫線：

• 鼠標左鍵點擊畫線
• shift+鼠標左鍵，清除已畫的線

數字區域說明：

• 1、4和3、6是豎直拉伸區域
• 1、2、3是水平拉伸的區域
• 1、3是整體拉伸的區域
• 3是內容填充區域
• 5是不拉伸也不填充內容的區域

效果預覽：

從上到下依次對應豎直拉伸、水平拉伸、整體拉伸效果：

在應用中使用的效果：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/path"
    android:text="@string/_9path"/>

效果預覽：