android制作點(diǎn)九PNG圖片

“點(diǎn)九”是andriod平臺(tái)的應(yīng)用軟件開(kāi)發(fā)里的一種特殊的圖片形式，文件擴(kuò)展名為：?9?png這里我只強(qiáng)調(diào)一點(diǎn)：就是四個(gè)邊都必須點(diǎn)?。≈悄苁謾C(jī)中有自動(dòng)橫屏的功能，同一幅界面會(huì)在隨著手機(jī)（或平板電腦）中的方向傳感器的參數(shù)不同而改變顯示的方向，在界面改變方向后，界面上的圖形會(huì)因?yàn)殚L(zhǎng)寬的變化而產(chǎn)生拉伸，造成圖形的失真變形。我們都知道android平臺(tái)有多種不同的分辨率，很多控件的切圖文件在被放大拉伸后，邊角會(huì)模糊失真。OK,在android平臺(tái)下使用點(diǎn)九PNG技術(shù)，可以將圖片橫向和縱向同時(shí)進(jìn)行拉伸，以實(shí)現(xiàn)在多分辨率下的完美顯示效果。下圖是普通拉伸與點(diǎn)九拉伸的對(duì)比圖prtg原圖普通拉伸效果點(diǎn)九拉怦效果對(duì)比很明顯，使用點(diǎn)九后，仍能保留圖像的漸變質(zhì)感，和圓角的精細(xì)度。從中我們也可以理解為什么叫“點(diǎn)九PNG”，其實(shí)相當(dāng)于把一張png圖分成了9個(gè)部分（九宮格），分別為4個(gè)角，4條邊，以及一個(gè)中間區(qū)域，4個(gè)角是不做拉升的，所以還能一直保持圓角的清晰狀態(tài)，而2條水平邊和垂直邊分別只做水平和垂直拉伸，所以不會(huì)出現(xiàn)邊會(huì)被拉粗的情況，只有中間用黑線指定的區(qū)域做拉伸，結(jié)果圖片是不會(huì)走樣二、“點(diǎn)九”圖的制作方法方法1：使用“draw9patch”具繪制，流程如下：1）首先需要給自己的電腦安裝上java于系統(tǒng)的默認(rèn)目錄下。

然后使用andriod模擬一android-sdk-windows,打開(kāi)SDK/tools目錄下的“draw9patch.bat"文件（我的目錄是Andriod\adt-bundle-windows-x86-20140321\sdk\tools）,出現(xiàn)載入窗口：2）導(dǎo)入并編輯，將png圖片拖拽到該窗口中預(yù)覽編輯區(qū)域預(yù)堆區(qū)域預(yù)覽時(shí)發(fā)現(xiàn)圖片的邊緣處于普通拉伸狀態(tài)?，F(xiàn)在我們?cè)趫D片邊緣點(diǎn)擊左鍵，繪制出黑線，即圖片需要被拉伸的部分。如下圖，對(duì)4條黑線做了注釋

橫向拉伸醫(yī)域FileShiftt*trAt?piktltShoabadpfiitehei.1縱向拉伸區(qū)域一一給向顯示內(nèi)容區(qū)域懂問(wèn)顯示內(nèi)容區(qū)域Shiftt*trAt?piktltShoabadpfiitehei.1縱向拉伸區(qū)域一一給向顯示內(nèi)容區(qū)域懂問(wèn)顯示內(nèi)容區(qū)域如果自己繪制的黑線過(guò)多，可以用Shift+鼠標(biāo)左鍵來(lái)清除它如下圖所見(jiàn)，三種拉伸結(jié)果均已完美顯示，已實(shí)現(xiàn)我們想要的拉伸效果，假設(shè)這是一個(gè)有顯示文字的窗體，那么文字顯示的區(qū)域，程序也會(huì)控制在黑線對(duì)應(yīng)范圍那些非規(guī)則性的也可以通過(guò)點(diǎn)九PNG實(shí)現(xiàn)橫縱向的自然拉伸，如下圖draw9patch.bat其他功能說(shuō)明Showlock:顯示不可繪區(qū)域互聯(lián)網(wǎng)的一些事Showpatches:預(yù)覽這個(gè)繪圖區(qū)中的可延伸宮格（粉紅色代表一個(gè)可延伸區(qū)域）Showcontent:預(yù)覽視圖中的高亮區(qū)域（紫色區(qū)域）Showbadpatches：在宮格區(qū)域四周增加一個(gè)紅色邊界，這可能會(huì)在圖像被延伸時(shí)產(chǎn)生人工痕跡。如果你消除所有的壞宮格，延伸視圖的視覺(jué)一致性將得到維護(hù)。3）保存并輸出點(diǎn)擊左上file-save，保存文件，自動(dòng)生成一張后綴名為'*.9.png”格式的圖片，圖片上下左右各增加了lpx的黑線。方法2：直接使用PS等平面工具繪制，流程圖如下如流程圖所示，相對(duì)與方法1,只需2個(gè)步驟就可得到.9.png圖片，具體步驟為：確定切圖后直接改變圖片的畫(huà)布大小，手動(dòng)將上下左右各增加1px3?使用鉛筆工具，手動(dòng)繪制拉伸區(qū)域，色值必須為黑色（#000000）。4.存儲(chǔ)為web所用格式，選擇png-24,儲(chǔ)存時(shí)手動(dòng)將后綴名改為.9.png不過(guò)這種方法的缺點(diǎn)是不能實(shí)時(shí)預(yù)覽，判斷并測(cè)試?yán)靺^(qū)域的準(zhǔn)確性。使用此方法需要注意以下2點(diǎn)：手繪的黑線拉伸區(qū)必須是#000000,透明度100%，并且圖像四邊不能出現(xiàn)半透明像素；你的.9.png必須繪有拉伸區(qū)域的黑線，否則，圖片不會(huì)通過(guò)android系統(tǒng)編譯，導(dǎo)致程序報(bào)錯(cuò)。還有，有些人疑惑解壓縮apk文件后，.9.png圖片里的黑線怎么沒(méi)了？那是因?yàn)閍ndriod程序在把文件打包成apk的時(shí)候，程序會(huì)自動(dòng)把*.9.png圖片邊緣的黑線去掉，所以解壓縮apk后看到的.9.png文件是沒(méi)有黑線的。三，使用點(diǎn)九圖的意義關(guān)于下圖，經(jīng)過(guò)測(cè)試發(fā)現(xiàn)使用普通png的顯示效果出現(xiàn)明顯的變色橫紋。而9.png圖片的顯示效果明顯優(yōu)于普通png?！?.png格式png格式用.9.png格式后，橫紋問(wèn)題基本已解決，因?yàn)閷?duì)于9.png圖片，android系統(tǒng)程序有對(duì)其優(yōu)化的算法。由于android手機(jī)屏幕的材質(zhì)質(zhì)量差距大。很多屏幕不支持16位以上的顏色顯示。所以渲染后結(jié)果出現(xiàn)丟失顏色，故造成橫紋顯示。經(jīng)與多款android手機(jī)對(duì)比后發(fā)現(xiàn)，屏幕越次的手機(jī)橫紋越明顯。而使用了*.9.png圖片技術(shù)后，只需要采用一套界面切圖去適配不同的分辨率，而且大幅減少安裝包的大小。而且這樣程序不需要專門(mén)做處