android微筆記:程序員如何自己動手製作.9圖片

一、標籤 :.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圖片無法拉伸或者是繪製的黑邊顯示出來,說明黑邊繪製有問題,需要按照第三條的方法再修改一下。


 

                            

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章