Android中利用9-Patch(點9)處理圖片

一、什麼是 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:調節右側預覽區域的縮放比例。

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