android基礎知識21：android平台下使用點九PNG技術

         “點九”是andriod平台的應用軟體開發裡的一種特殊的圖片形式，副檔名為：.9.png
　　智能手機中有自動橫屏的功能,同一幅介面會在隨著手機(或平板電腦)中的方向感應器的參數不同而改變顯示的方向,在介面改變方向後,介面上的圖形會因為長寬的變化而產生展開,造成圖形的失真變形。
　　我們都知道android平台有多種不同的解析度，很多控制項的切圖檔案在被放大展開後，邊角會模糊失真。
　　OK，在android平台下使用點九PNG技術，可以將圖片橫向和縱向同時進行展開，以實現在多解析度下的完美顯示效果。

　　【普通展開和點九展開效果對比】

        對比很明顯，使用點九後，仍能保留映像的漸層質感，和圓角的精細度。
　　從中我們也可以理解為什麼叫“點九PNG”，其實相當於把一張png圖分成了9個部分(九宮格)，分別為4個角，4條邊，以及一個中間地區，4個角是不做拉升的，所以還能一直保持圓角的清晰狀態，而2條水 平邊和垂直邊分別只做水平和垂直展開，所以不會出現邊會被拉粗的情況，只有中間用黑線指定的地區做展開。結果是圖片不會走樣。
二.“點九”的製作方法
　　方法1：使用 “draw9patch”工具繪製，流程如下

1. 安裝工具
　　首先你需要給自己的電腦安裝上java於系統的預設目錄下。沒有安裝java的同學可以在百度搜尋：jdk-6u20-windows-i586，安裝包大小80M左右。
　　然後使用andriod模擬器—android-sdk-windows，開啟SDK/tools目錄下的“draw9patch.bat”檔案，出現載入視窗：

2.匯入並編輯
　　將png圖片拖拽到該視窗中
　　如，自動進入編輯介面。圖中介紹了每個地區的內容及功能注釋。

預覽右側的視圖發現，圖片的邊緣處於普通展開狀態。
　　現在我們在圖片邊緣點擊左鍵，繪製出黑線，即圖片需要被展開的部分。如，對4條黑線做了注釋。

如果失誤多繪的部分，可按住shift鍵的同時點擊滑鼠左鍵擦除)。
　　所見，三種展開結果均已完美顯示，已實現我們想要的展開效果，假設這是一個有顯示文字的表單，那麼文字顯示的地區，程式也會控制在黑線對應範圍。

以下這些圖片，包括異性(非規則圖形)圖片，也可以通過點九PNG實現橫縱向的自然展開。

【draw9patch.bat其他功能說明】
　　② Show lock：顯示不可繪地區
　　② Show patches：預覽這個繪圖區中的可延伸宮格(粉紅色代表一個可延伸地區) yixieshi
　　③ Show patches：預覽視圖中的高亮地區(紫色地區)
　　④ Show bad patches：在宮格地區四周增加一個紅色邊界，這可能會在映像被延伸時產生人工痕迹。如果你消除所有的壞宮格，延伸視圖的視覺一致性將得到維護。
3.儲存和輸出 
　　點擊左上file- save，儲存檔案，自動產生一張尾碼名為“*.9.png”格式的圖片，圖片上下左右各增加了1px的黑線。

參考資料：

關於”點九”