android studio製作.9.png圖
04-19
為什麼要用.9.png?
.9.png可以保證圖片在合適的位置進行局部拉伸,避免了圖片全局縮放造成的圖片變形問題。但是由於Android Studio對於.9圖片的檢查更加嚴格,所以不符合AS要求的.9圖片會帶來很多坑。不過,AS也提供了製作點9圖片的便捷入口,並且會檢查你的.9圖是否有不合理的拉伸區域。
在AS中使用.9.png要點:
- 點9圖片每個邊都必須有黑線標記;
- 點9圖片每個邊只能一條黑線標記;
- 左邊和上邊的線用於限制可以拉伸的區域,右邊和下邊的線用於限制內容可以顯示的區域;
- AS中可以直接製作點9圖片;
- 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則支持內容。
推薦閱讀: