一、什麼是 9-Patch 圖片?
一種被特殊處理過的png圖片,可以指定哪些區域能夠拉伸,哪些區域可以顯示內容。
二、使用場景
主要是用於對話框等拉伸能夠不變形的場景。
三、 創建.9.png圖片
1. 選中一張png圖片,右鍵Create 9-Patch file
2. 選中文件夾,修改名字。
注意:9-Patch圖片要放在drawable文件夾下,否則編譯時會報錯。後綴名必須是.9.png。
四、編輯.9.png圖片
在drawable下會生成剛纔創建的點9圖,雙擊打開進行編輯。
在圖片的邊緣點擊鼠標沿着邊緣滑動會出現黑線,用來控制圖片可拉伸和可顯示區域。上和左控制圖片可拉伸區域,下和右控制圖片可顯示區域。
注意:可拉伸區域可以多個,但可顯示區域每邊只能有一個。
五、簡單使用
使用時不需要再在文件名後加.9
<TextView
android:id="@+id/tvTitle"
android:textSize="20sp"
android:background="@drawable/talk_custom"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
六、介紹一下編輯頁面中選項的含義(這裏就不演示效果圖了,選中看看就知道了)
1. Show lock:選中showlock,然後將鼠標移動到圖片上,會顯示紅色斜槓表示圖片鎖定的區域。
2. Show patches:顯示圖片中可以進行縮放的區域,如下圖紅框圈中的綠色區域。
3. Show content:表示可以填充內容的區域,如下圖紫色區域。
4. Show bad patches:顯示原圖中不規範的縮放區域。比如帶弧度中部分是不應該縮放的。
5. Zoom:可以調節左側編輯區域的縮放比例。
6. Patch scale:調節右側預覽區域的縮放比例。