小結.9.png

.9.PNG是安卓開發裏面的一種特殊的圖片

這種格式的圖片在android 環境下具有自適應調節大小的能力。

可以控制當一張圖片被拉伸縮放的時候,圖片的哪一部分會被縮放變形,哪一部分保持不變

該格式通過在圖像四周各添加一條一個像素框的控制條來控制


左側和上方的黑線對應的圖片部分代表拉伸縮放部分,代表圖片縮放的時候只對中間區域進行拉伸,而四周的圓角都不會受到影響導致變形

右側和下方的黑線交叉的部分即內容顯示區,忘記什麼意思了。。想到再補充。。


如上。這是自己製作.9.png 的時候作的輔助線,此圖目的是使得中間的logo和下方的兩行字不變形

所以在變形的地方對應的左邊和上方的輔助黑色條塗色,把要拉伸的區域的輔助線塗黑,保持不變的區域留白


當時發現.9.png的圖做好之後,放在手機裏並沒有自適應,即9.png的格式失效

後來經過研究發現是圖像格式深度問題


當時圖片是自己用ps做的,沒有特別注意,後來發現ps某些狀況下存儲的png格式的位深度是24位的

而實際上的.9.png 要如上爲32位的位深度才能正常拉伸,於是把原24位的png在ps中以不拼合圖層的情況下再存儲一次png,變爲32位,測試可用。


除了自己用ps,android的sdk中tools目錄下的draw9patch.bat也提供了,9png格式的設計,並且好像帶了壓縮,效果會好一點

自己用ps會比較靈活控制


發佈了13 篇原創文章 · 獲贊 1 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章