點9圖簡介
點九圖，是Android開發(fā)中用到的一種特殊格式的圖片切诀，文件名以.9.png結(jié)尾。
這種圖片能告訴程序：
①圖像哪一部分可以被拉伸丰滑，哪一部分不能被拉升需要保持原有比列吨枉；
②圖像哪一部分可以被文字填充，哪一部分不能被文字填充需要保持原來的樣子貌亭。
運用點九圖可以保證圖片在不模糊變形的前提下做到自適應(yīng)。點九圖常用于對話框背景圖片中锄奢。
點9圖的黑邊說明
相較于普通的切圖方式剧腻，點九圖最為明顯的區(qū)別就是圖片不保留內(nèi)容顯示區(qū)域且自帶一圈不成規(guī)律的黑邊。正是這圈黑邊提供了點九圖的各個屬性以適應(yīng)各種情況灰伟。
例圖一的①②部分規(guī)定對話框的拉伸區(qū)域栏账，③④部分規(guī)定對話框中文字的填充區(qū)域栈源。當(dāng)實際程序中設(shè)定了對話框的寬高時，①②部分就會被拉伸成所需要的高和寬甚垦，呈現(xiàn)出于設(shè)計稿一樣的視覺效果艰亮。
點9圖的黑邊制作
- 首先需要打開PS，
Ctrl+R調(diào)出輔助線男杈。根據(jù)對話框的樣式來設(shè)定輔助線的位置调俘。(PS：藍色的線條就是輔助線) - 各部分的解釋說明
①由于對話款左右兩側(cè)均為圓角旺垒，所以為了保證對話框圓角部分在拉伸后不失真，在畫黑邊的時候只畫了W：1Px骇钦，H：2PX的黑邊竞漾。
②由于對話框左上部分有裝飾物窥翩，所以為了保證對話框裝飾物部分在拉伸后不失真寇蚊，在畫黑邊的時候只畫了W：自定棍好，H：1PX的黑邊。
③一般在規(guī)定文字填充部分時扒怖，需要考慮到文字不能被擠出對話框框外业稼。所以在畫黑邊的時候上下部分需要留出一定距離。
④同③部分积糯，只不過需要考慮的時左右部分需要留出一定的距離谦纱。
參考來自flyme5主題短信對話框
【注意】
①③部分黑邊的寬度必須是1像素跨嘉，即W=1PX。
②④部分黑邊的高度必須是1像素梦重，即H=1PX亮瓷。
3.效果預(yù)覽
【注意】
很多人喜歡使用魅族包中自帶的draw9patch工具來制作點9黑邊，筆者并不推薦蚓胸。因為①draw9patch工具并不好用②draw9patch工具需要開發(fā)者自己搭建java運行環(huán)境除师，所以推薦使用Ps繪制黑邊。
點9圖去黑邊
去黑邊建議使用魅族官方包里面的去黑邊工具
- 把需要處理黑邊的圖片到目錄
example1\res\drawable-hdpi下锹安。 - 雙擊
xUltimate-d9pc.exe，聽到電腦滴的一聲忍宋，即可完成去黑邊（此時的9.png圖片內(nèi)部加載了黑邊信息）风罩。 - 根目下會自動生成
done文件，在done\example1\res\drawable-hdpi下乳讥，就是我們經(jīng)過處理的9.png圖片廓俭。
去黑邊處理失敗常見原因
①圖片名稱存在中文或中文字符
②點9圖四角存在黑邊(可見最后的參考圖)
③點9圖黑邊內(nèi)存在接近黑色的顏色信息⌒谥遥【經(jīng)常性錯誤】
④黑邊的顏色不是#000000或A=0雹熬、R=0、G=0铅乡、B=0烈菌。
(全文完)
