android .9圖片 講解

• Android.9圖片講解（一）

• 2013-12-24      我來講兩句     來源：小源的專欄  

• 收藏    我要投稿

• 什麼是.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。