Nine-Patch 是一種被特殊處理過的 .png 圖片,能夠指定哪些區域可以被拉伸而哪些區域不可以。它用于 Android 的頁面繪制而不發生變形。
我們自己也可以簡單的制作出 Nine-Patch 圖片,在 Android sdk 目錄下有一個 tools 文件夾,在這個文件夾中找到 draw9patch.bat 文件,我們就是使用它來制作 Nine-Patch 圖片的。
- 首先在 PhotoShop 中制作好需要用到素材。
- 之后雙擊打開 draw9patch.bat 文件。
-
在導航欄點擊 File → Open 9-patch 將 .png 的素材文件加載進來。
-
新手可以將底部的輔助線都勾選上,幫助理解。
-
在圖片的四個邊框繪制一個個的小黑點,在上邊框和左邊框繪制的部分就表示當圖片需要拉伸時就拉伸黑點標記的區域,在下邊框和右邊框繪制的部分則表示內容會被放置的區域。
-
之后點擊導航欄 File→Save 9-patch 把繪制好的圖片進行保存,此時的文件名就是 .9.png。