與傳統(tǒng)的png 格式圖片相比， 9.png 格式圖片在圖片四周有一圈一個(gè)像素點(diǎn)組成的邊沿，該邊沿用于對(duì)圖片的可擴(kuò)展區(qū)和內(nèi)容顯示區(qū)進(jìn)行定義。
這種格式的圖片在android 環(huán)境下具有自適應(yīng)調(diào)節(jié)大小的能力。
1.在SDK里的tools文件夾里有一個(gè)工具名字為draw9patch
2.執(zhí)行之后就是上面截圖的這個(gè)工具，選擇一張圖片添加進(jìn)來
3.之后會(huì)發(fā)現(xiàn)本來沒有透明區(qū)域的圖片周圍出現(xiàn)了一像素的空隙，這個(gè)空隙就是給.9圖片劃線用的。接下來，我們?cè)趫D片的上下左右分別劃線
其中，上方和左方的線是控制圖片的可拉伸區(qū)域的，也就是說，上方的線控制圖片中“信”字橫向可拉伸，左側(cè)的線控制縱向可拉伸，下方的線和右側(cè)的線控制圖片的文本區(qū)域，也就是說，如果圖片上有text，就會(huì)把位置控制在下方和右側(cè)的線圍城的區(qū)域里。
4.如果想刪除劃線，按住shift + 鼠標(biāo)左鍵，刪除劃線。
5.展示效果,draw9patch工具，右側(cè)會(huì)有三個(gè)圖片展示，第一張為左側(cè)線產(chǎn)生的縱向可拉伸效果圖，第二張為上方線產(chǎn)生的橫向可拉伸效果圖，第三張為橫縱向同時(shí)拉伸的效果圖，完成劃線之后點(diǎn)擊file > save
大家可以親自在模擬器里體驗(yàn)一下～