一、標籤 :.9圖片相關知識
二、環境:androidstudio 3.6.3
三、描述:
1、將.png圖片,先上傳到drawable/下面,點擊右鍵如下圖,有一個“create 9-Patch file......”選項。
2、右邊的編輯界面出現如下:我的例圖有一點大了,右邊的展示圖案沒顯示完。
3、 繪製:直接將鼠標移動到繪製的地方,按下左鍵,拖動鼠標開始繪製了。
繪製時需要注意幾點:
1)搞清楚上下左右線的作用:
上,左主要控制圖片的長度拉伸,上線控制左右的拉伸,左線控制上下的拉伸。
下,右主要控制圖片作爲背景,圖片裏內容可以編輯的區域,比如作爲一個button背景,button上文字顯示的區域。
如上圖,勾選右下方的“show content”選項,右邊的圖案就會可視化展示當前內容可以編輯的區域。
注意:Android Studio中要求.9圖片的四條邊都要繪製。
2)繪製線條需要注意:
a、線條只能會制1px,不過現在提供的繪製工具,默認就是1px,但是如果美工直接提供的話,需要注意。
b、線條的區域不能違規,可以通過工具中的“show bad patches”選項來檢測區域是否合理,如圖左邊的繪製區域會顯 不合理的線條。出現這種情況,只需要稍微調整一下線條的長度,直到沒有紅色框顯示爲止。
四、工具參數介紹:
1. Show lock:選中showlock,然後將鼠標移動到圖片上,會顯示紅色斜槓表示圖片鎖定的區域,這個區域是無法繪製黑邊的。如圖,此時在鎖定區域外有一個1px的邊框是空着的,這裏可以就可以繪製黑邊了。
2. Show patches:顯示圖片中可以進行縮放的區域。
3. Show content:表示可以填充內容的區域。
4. Show bad patches:顯示原圖中不規範的縮放區域。系統會自動判斷。
5. Zoom:可以調節左側編輯區域的縮放比例。
6. Patch scale:調節右側預覽區域的縮放比例。
五、常規問題:
1、Android Studio對.9的圖片增加了安全檢查機制,如果.9圖片有不規範的地方會編譯報錯
解決方式主要有兩種:
1)讓Android Studio取消掉對.9圖片的安全檢查:打開你app目錄下的build.gradle文件,在buildToolsVersion屬性之下添加取 消安全檢查的兩行代碼。
// 取消掉系統對.9圖片的檢查
aaptOptions.cruncherEnabled = false
aaptOptions.useNewCruncher = false
2).9圖片編譯報錯,說明你的.9圖片製作不完善。你可以檢查一下圖片哪裏沒繪製好,是否重複繪製黑邊或者哪條邊沒有繪製。
2、如果.9圖片無法拉伸或者是繪製的黑邊顯示出來,說明黑邊繪製有問題,需要按照第三條的方法再修改一下。