與傳統的png 格式圖片相比, 9.png 格式圖片在圖片四周有一圈一個像素點組成的邊沿,該邊沿用于對圖片的可擴展區和內容顯示區進行定義。
這種格式的圖片在android 環境下具有自適應調節大小的能力。
1.在SDK里的tools文件夾里有一個工具名字為draw9patch
2.執行之后就是上面截圖的這個工具,選擇一張圖片添加進來

3.之后會發現本來沒有透明區域的圖片周圍出現了一像素的空隙,這個空隙就是給.9圖片劃線用的。接下來,我們在圖片的上下左右分別劃線
其中,上方和左方的線是控制圖片的可拉伸區域的,也就是說,上方的線控制圖片中“信”字橫向可拉伸,左側的線控制縱向可拉伸,下方的線和右側的線控制圖片的文本區域,也就是說,如果圖片上有text,就會把位置控制在下方和右側的線圍城的區域里。
4.如果想刪除劃線,按住shift + 鼠標左鍵,刪除劃線。

5.展示效果,draw9patch工具,右側會有三個圖片展示,第一張為左側線產生的縱向可拉伸效果圖,第二張為上方線產生的橫向可拉伸效果圖,第三張為橫縱向同時拉伸的效果圖,完成劃線之后點擊file > save

大家可以親自在模擬器里體驗一下~