Android之.9圖的知識

.9圖的介紹

• .9圖也稱為pPatch圖，它是android app開發里一種特殊的圖片形式，文件的擴展名為：.9.png。
• 9patch圖片的作用就是在圖片拉伸的時候保證其不會失真。所以使用.9圖片，讓圖片在指定的位置拉伸和在指定的位置顯示內容，這樣圖片的邊邊角角就不會出現失真了。

使用.9的好處

使用.9圖可以防止圖片在文字內容發生變化的情況下依然完美顯示，也可在不同分辨率的機型中顯示完美。
舉例如下：

未使用.9圖的效果

使用.9圖的效果

如何將普通圖片轉換為.9圖

1.我使用的是Android Studio自帶的轉換工具，先找到需要轉換為.9圖的圖片，然后單擊左鍵，選擇Create 9-Patch file…選項。

2.選擇Create 9-Patch file…選項之后，會彈出選擇保存位置的對話框，可以自己選擇修改位置，一般都直接選擇OK即可。

3.經過前面兩步之后，在你所選擇的文件夾中就會出現一個.9圖片。

4.打開這個.9圖。

圖片中的第一部分就是編輯.9圖的位置，第2部分是.9圖在拉伸壓縮后的顯示，第3部分是對我們操作方便的一些輔助。
5.編輯.9圖。
編輯.9圖之前，需要說明一下制作.9圖的一下知識。
制作.9圖就是在圖片的上下左右四個位置加上黑邊，用這些黑邊來標記圖片可以拉伸壓縮的位置和不可以拉伸壓縮的位置。上下左右的四條黑邊的意義如下：

• 上：在水平拉伸的時候，保持其他位置不動，只在這個點的區域做無限的延伸。
• 左：在豎直拉伸的時候，保持其他位置不動，只在這個點的區域做無限的延伸。
• 下：在水平拉伸的時候，點區域不變化。
• 右：在豎直拉伸的時候，點區域不變化。

我完成的圖片如下：

我的圖片只需要中間的一塊拉伸即可，圓形與橢圓的位置不需要拉伸。

提醒：如果是對稱的圖形，做可拉伸的區域時，點區域最好也對稱，長度相同。如下：

可以看到圈住的這四個位置的黑點是兩兩對稱的。

參考文章

1.https://blog.csdn.net/cs610381089/article/details/73802465