天天看點

Android學習—.9圖檔詳解 什麼是.9圖檔 .9圖檔的作用 如何繪制.9圖檔 何時需要使用.9圖檔

.9 圖檔講解

什麼是.9圖檔

至于什麼是.9圖檔這裡就簡單提一下,即圖檔字尾名前有.9的圖檔,如pic.9.png、pic1.9.jgp,諸如此類的圖檔就稱為.9圖檔。

.9圖檔的作用

①.9圖檔的作用是在圖檔拉伸的時候特定的區域不會發生圖檔失真,至于哪些部分不會失真那麼得看你的圖檔是如何繪制的。

②當一張圖檔作為背景時可以指定前景内容的顯示區域。如圖:

Android學習—.9圖檔詳解 什麼是.9圖檔 .9圖檔的作用 如何繪制.9圖檔 何時需要使用.9圖檔

其中灰色是背景、綠色是前景。那麼前景放在背景的具體位置是可以通過.9圖檔進行規定的。

如何繪制.9圖檔

①利用android開發環境中提供的工具draw9patch。

draw9patch如圖 :

Android學習—.9圖檔詳解 什麼是.9圖檔 .9圖檔的作用 如何繪制.9圖檔 何時需要使用.9圖檔

在“原始圖像顯示繪制區域”(這個名稱自己取的)其實顯示的是一張原始圖檔,并且在原始圖檔的四周添加了一個像素,通俗點說就是圖檔比原始圖檔擴大了一圈,多出來的那一圈是透明像素。我們需要繪制的地方真是在那一圈透明像素上進行繪制。在繪制之前先講講那一圈透明像素的含義。如圖:

Android學習—.9圖檔詳解 什麼是.9圖檔 .9圖檔的作用 如何繪制.9圖檔 何時需要使用.9圖檔

四周分别命名為L、T、R、B。

繪制在L的區域:用于拉伸的縱向區域。

繪制在T的區域:用于拉伸的橫向區域。

繪制在R的區域:用于顯示前景的縱向範圍。

繪制在B的區域:用于顯示前景的橫向範圍。

舉例說明一下,如圖 :

Android學習—.9圖檔詳解 什麼是.9圖檔 .9圖檔的作用 如何繪制.9圖檔 何時需要使用.9圖檔

這個圖會如何拉伸、如何顯示前景呢?最簡單的方法是直接看“拉伸預覽區”,當然更快捷是方法是你能直接看出這個區域。

拉伸區域

如圖:

Android學習—.9圖檔詳解 什麼是.9圖檔 .9圖檔的作用 如何繪制.9圖檔 何時需要使用.9圖檔

紅色框區域:表示縱向拉伸的區域,也就是說,當圖檔需要縱向拉伸的時候它會隻指定拉伸紅色區域,其他區域在縱向是不會拉伸的。

綠色框區域:表示橫向拉伸的區域,也就是說,當圖檔需要橫向拉伸的時候它會隻指定拉伸綠色區域,其他區域在橫向是不會拉伸的。

顯然紅色和綠色相交的部分是既會進行橫向拉伸也會進行縱向拉伸的。

前景的顯示區域

如圖:

Android學習—.9圖檔詳解 什麼是.9圖檔 .9圖檔的作用 如何繪制.9圖檔 何時需要使用.9圖檔

藍色區域:表示前景能顯示的縱向範圍。即前景的最上面可以顯示到什麼地方,最下面可以顯示的什麼地方。

黃色區域:表示前景能顯示的橫向範圍。即前景的最左邊可以顯示到什麼地方,最右邊可以顯示的什麼地方。

藍色和黃色相交部分:表示整個前景能顯示的區域。一個區域是矩形的,藍色規定了上下邊界,黃色規定了左右邊界,兩者共同當然也就規定了一個矩形區域。

②利用photoshop進行繪制。

如何繪制?

A、首先将畫布四周放大一個像素。

B、然後在四周繪制黑色像素(四周像素的意義參見①)。

C、儲存的時候改成.9圖檔的字尾名。

何時使用ps繪制?

A、圖檔很大的時候用draw9patch不是很好繪制,這個時候你就可以利用ps進行繪制。

B、當你要做很多圖示的時候,你可以利用ps中的動作功能來批量完成。

小結:如果你熟悉ps的話某種程度上可以做到事半功倍。而且可以做一些模闆,或者是錄制一些動作。

何時需要使用.9圖檔

簡單點講,一張圖檔被拉伸以後會發生嚴重的圖像失真時,那麼就可以考慮.9圖檔。那麼哪些時候這種圖檔格式是比較有效的呢?

①圖檔有圓角并且其他某一區域可以拉伸而不影響圖檔效果。

②一些圖示需要适配不同的分辨率的裝置。

當然具體的使用還得看具體的要求,這裡隻是說了一下我最常用的,不常用的就沒有列舉了。

PS:.9圖檔很多時候你知道怎麼使用就可以了,至于為什麼會産生拉伸,類似這樣的問題你最好去問問google,呵呵。如果文中有什麼不妥的地方希望讀者可以指出,歡迎評論、交流。

繼續閱讀