Android 點九切圖(.9.PNG, 9-PATCH)

在製作網頁或 App 時，常用的圖片格式為 png, jpg, gif, svg
.9.png 是給 Android 開發專用的一種特殊檔案格式。
.9.png 是一種可延展的 png 圖檔，「可隨文字大小縮放」的圖片。 ps, sketch 也打得開

看一下 .9.png 的功用，讓圖案及按鈕的邊緣不要變形。如下圖。

原本的物件在外圍各加 1px，例如圖片原本是 120x20px ，.9.png 就會是122x22px
用 1px 黑色線段標注可延伸的區域，這邊要注意的是黑色一定要用純黑（#000000）

主要規範：

延伸區域：

其他例子:

輸出方式:

優點：內建檢查模式，可以立即知道自己有無畫錯。
缺點：電腦需安裝 java 的環境。不易操作，畫錯要修改的話，還要用右鍵慢慢點…

最後這東西只被我拿來當作檢查用的工具。

優點：身為設計師，用自己最熟悉的工具繪製就是快啊。
缺點：不知道自己有沒有畫對，要再另外檢查。

☞全自動產生網站
進去後請選 Simple 9-patch generator

要注意的是，如果要輸出 Android 尺寸，在置入 Source graphic 時，
請先準備好最大的尺寸（XXXHDPI）讓它去跑，不然用比較小的尺寸轉出時，圖片會糊糊的。

參考及圖片來源：

Reference from :

工業 UI 設計攻略