9.png圖片處理方法

《9.png圖片處理方法》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、大家好，這教程本來(lái)打算上次發(fā)M9的皮膚的時(shí)候就發(fā)的。后來(lái)在反編譯的時(shí)候出了問(wèn)題，不得不擱淺了。胎死腹中啊。這次重新找了一個(gè)工具，終于解決了9.png的圖片的問(wèn)題。說(shuō)說(shuō)本人的近況：手機(jī)終于拿回來(lái)了。蒼天啊……內(nèi)牛滿面當(dāng)中。最近新學(xué)到了許多東西，美化又有了新進(jìn)展……介紹一下這次教程的情況：以前的那幾集教程只能算是基本的替換圖片吧，懂點(diǎn)IT知識(shí)的人應(yīng)該都會(huì)。這次就比較繁瑣了，涉及到了編譯，反編譯，SDK的安裝，9.png的修改。挺麻煩的。主要是工作量大，替換圖片的話只要復(fù)制加粘貼就OK了，但是要涉及到分辨率的修改可不是那么簡(jiǎn)單了。想詳細(xì)了解如何定制UI的話就接著往下看吧！這次更新

2、的教程比較繁瑣，有以下幾點(diǎn)要求：1.要會(huì)反編譯?！痉淳幾g用的工具是apktool，大家可以論壇搜索一下，到處都是教程的】2.電腦上得裝有androidSDK。【其實(shí)只要SDK目錄下tools中的draw9patch工具，處理nine-patch圖片的時(shí)候必須的。不想裝SDK的同學(xué)百度一下draw9patch應(yīng)該有的下載的?！?.還需要足夠的耐心?！緳C(jī)械般的重復(fù)動(dòng)作比較多】如果以上三個(gè)要求不具備的話，我想這教程應(yīng)該就可以不用學(xué)了，當(dāng)知識(shí)了解一下就好了。這次更新的教程適合有一點(diǎn)基礎(chǔ)的童鞋（就是能熟練替換普通情況下的圖片的水準(zhǔn)的童鞋，如果連普通的替換都不會(huì)，建議先看我的教程的前三

3、集）。這次寫的是修改不同分辨率圖片替換的教程。大家可以先把framework-res.apk反編譯過(guò)來(lái)，然后定位到resdrawable-mdpi這個(gè)文件夾看看。打開之后你是不是發(fā)現(xiàn)里面的圖片和以往圖片有所不同呢？沒(méi)錯(cuò)，反編譯之后的圖片也和xml一樣現(xiàn)出原形了，一些需要拉伸的圖片四周都多了一個(gè)像素的邊框，帶了一條黑線。這就是androidUI獨(dú)特的圖片格式*.9.png。它獨(dú)特在哪呢？就是因?yàn)樗欣斓奶匦浴１热缙胀ǖ囊粋€(gè)短信輸入框，你發(fā)現(xiàn)他橫屏和豎屏的情況下分辨率絕對(duì)是不同的，但是我可以很負(fù)責(zé)任的告訴你，兩個(gè)框的圖片卻是同一張。但它卻沒(méi)有出現(xiàn)拉伸錯(cuò)誤的現(xiàn)象，這就是*.9

4、.png的威力了。具體理解可以看看下面圖一為nine-patch圖片拉伸的原理圖，原始的nine-patch圖片是在四個(gè)方向都有黑條的，黑條的寬度為一個(gè)像素，顏色為純黑（RGB=000000）。編譯后，黑條自動(dòng)消失。上方和左方的黑條分別是橫向和縱向的拉伸區(qū)域（用灰色強(qiáng)調(diào)了），如要橫向拉升圖片，將只會(huì)拉伸灰色區(qū)域。反之，如果只是普通圖片，拉伸將會(huì)出現(xiàn)嚴(yán)重的失真（如圖二）。而下方和右方則分別表示內(nèi)容的顯示區(qū)域（也可以沒(méi)有這兩個(gè)內(nèi)容區(qū)域橫條，不影響一般使用效果）。圖一圖二下圖就是android的SDK里面的nine-patch處理工具示意。看了圖片相信你就明白了，為什么自己用普通

5、圖形處理軟件處理的圖片放到手機(jī)上面的時(shí)候會(huì)拉伸不正常，導(dǎo)致修改失敗。那是因?yàn)槟銢](méi)有經(jīng)過(guò)特殊處理，直接用*.png格式的圖片，當(dāng)然會(huì)拉伸不正常。好了，情況描述完畢了，我們進(jìn)入教程。如何將普通的*.png格式圖片改成*.9.png格式？步驟一：提取樣本和素材先將一個(gè)有著官方UI的framework-res.apk反編譯，得到反編譯的文件。將res/drawable-mdpi提取出來(lái)。將這個(gè)文件夾改成【樣本】當(dāng)然你也可以改成自己的，我選擇改成樣本是因?yàn)樽约嚎粗奖?，下面的文件夾也一樣，隨便改，自己看著方便就行。接著將你要處理的有定制UI的framework-res.apk也反編譯

6、，同樣，將res/drawable-mdpi（不一定是這個(gè)文件夾，也有可能是其他文件夾，都在隔壁，打開看看就知道了）復(fù)制出來(lái)，將這個(gè)文件夾改成【素材】。這個(gè)我建議，大家把普通的png圖片和9.png圖片分開放。這樣方便修改些。這是我連續(xù)處理了將近4000個(gè)圖標(biāo)出來(lái)的經(jīng)驗(yàn)……全是自己手動(dòng)一個(gè)個(gè)修改【含淚當(dāng)中】我就是將這些文件分別放入了【png素材】【9.png素材】【png樣本】【9.png樣本】這些文件再你處理好了之后就無(wú)用了。咱們只要成品。文件準(zhǔn)備好，打開圖像處理軟件。這里我推薦使用【Paint.NET】。為什么？因?yàn)镻S有些圖片處理不了?？纯聪旅娴膱D大家就知道了。相同圖

7、片打開之后卻是兩個(gè)結(jié)果，要問(wèn)我是什么原因，我也不知道，我也給這個(gè)問(wèn)題困擾過(guò)好久，后來(lái)還是在黑人的推薦下用了Paint.NET，才解決了這個(gè)問(wèn)題。好了，咱們接著講……這里我以一個(gè)下拉的nine-patch格式的圖標(biāo)為例，給大家講解。普通的png就不詳細(xì)講了。這都不會(huì)就不要往下看了哈。首先打開要處理的圖片。打開之后需要修改分辨率。按Ctrl+R彈出對(duì)話框。這個(gè)時(shí)候就可以修改分辨率了?，F(xiàn)在就用的到剛剛提取出來(lái)的官方UI的樣本文件夾了。打開【樣本】。找到這個(gè)相應(yīng)的圖片。選中它，在屏幕的左下角你能看到這張圖片的一些信息，我們