在開發(fā)過程中, 設計給的png圖作為背景顯示, 有時候可能會被壓縮, 導致很難看
如下圖:
image.png
這是一個帶陰影背景的卡片圖, 但是卡片的大小需要隨著內容的變化而變化, 如果使用普通的背景圖片必然會存在圖片撐大壓縮等現象
利用android studio可以定制屬于自己的.9
-
找到需要.9的drawable, 右鍵選擇create 9-patch file
image.png -
會自動生成一個.9文件, 點擊打開這個文件, 當鼠標放到圖片中央的時候 會出現4條交錯的線
image.png -
我們知道.9圖一共分為兩種區(qū)域限定,
- 伸縮區(qū)域(圖片的上方和左方)
- 內容顯示區(qū)域 (圖片的下方和右方)
挪動對應區(qū)域的線條,做出限制
如上的例子, 我需要的時候圓角區(qū)域和陰影區(qū)域不能被拉伸, 所以將拉伸區(qū)域放到了如下圖所示位置:
image.png
接下來設置文字的顯示區(qū)域, 陰影區(qū)域是不放文字內容的, 所以把顯示文字區(qū)域限定到如下區(qū)域:
image.png
這樣就制作好了我需要的9-patch圖, 看下效果圖
這是內容多的時候:
image.png
這是內容少的時候:
image.png
