標籤:

android studio製作.9.png圖

為什麼要用.9.png?

.9.png可以保證圖片在合適的位置進行局部拉伸,避免了圖片全局縮放造成的圖片變形問題。但是由於Android Studio對於.9圖片的檢查更加嚴格,所以不符合AS要求的.9圖片會帶來很多坑。不過,AS也提供了製作點9圖片的便捷入口,並且會檢查你的.9圖是否有不合理的拉伸區域。

在AS中使用.9.png要點:

  1. 點9圖片每個邊都必須有黑線標記;
  2. 點9圖片每個邊只能一條黑線標記;
  3. 左邊和上邊的線用於限制可以拉伸的區域,右邊和下邊的線用於限制內容可以顯示的區域;
  4. AS中可以直接製作點9圖片;
  5. AS中點9圖片要放在drawable中而不是mipmap中

在AS中製作.9.png:

將圖片放入到drawable文件夾中,將圖片後綴改為.9.png(或點擊圖片,點擊創建9-patch),然後點擊圖片,直接進入點9圖片製作視圖。

.9.png中四條黑線的意義:

1黑色條位置向下覆蓋的區域表示圖片橫向拉伸時,只拉伸該區域

2號黑色條位置向右覆蓋的區域表示圖片縱向拉伸時,只拉伸該區域

3號黑色條位置向左覆蓋的區域表示圖片縱向顯示內容的區域(在手機上主要是文字區域)

4號黑色條位置向上覆蓋的區域表示圖片橫向顯示內容的區域(在手機上主要是文字區域)

在AS中調整.9.png:

如圖,尖角一般不拉伸,則把2拉到尖角右邊,1往中間拉,實現交匯區支持縮放。

3,4則支持內容。

推薦閱讀:

一份設計稿可以適配IOS和Android兩個平台?

TAG:圖片 | UI適配 |