Android.9圖片說明

什麼是.9圖片

至於什麼是.9圖片這裏就簡單提一下,即圖片後綴名前有.9的圖片,如pic.9.png、pic1.9.jgp,諸如此類的圖片
就稱爲.9圖片。

.9圖片的作用

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

②當一張圖片作爲背景時可以指定前景內容的顯示區域。如圖:

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

如何繪製.9圖片

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

draw9patch如圖 :

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

四周分別命名爲L、T、R、B。

繪製在L的區域:用於拉伸的縱向區域。

繪製在T的區域:用於拉伸的橫向區域。

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

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

舉例說明一下,如圖 :

\

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

拉伸區域

如圖:

\

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

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

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

前景的顯示區域

如圖:

\

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

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

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

②利用photoshop進行繪製。

如何繪製?

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

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

C、保存的時候改成.9圖片的後綴名。

何時使用ps繪製?

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

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

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

何時需要使用.9圖片

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

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

②一些圖標需要適配不同的分辨率的設備。

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

PS:.9圖片很多時候你知道怎麼使用就可以了,至於爲什麼會產生拉伸,類似這樣的問題你最好去問問google。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章