1. 程式人生 > >Android Studio製作.9.png圖片

Android Studio製作.9.png圖片

.9圖是andriod平臺的應用軟體開發裡的一種特殊的圖片形式,副檔名為:.9.png,.9圖可以將圖片橫向和縱向同時進行拉伸,以實現在多解析度下的完美顯示效果。.9圖最常用的是聊天記錄的背景框,因為一段文字長度是非固定的,背景框需要根據文字的長短來改變大小。本文是介紹在Android Studio中如何製作.9圖。

.9圖製作步驟

1. 選擇一張副檔名為.png圖片放入Drawable或者mipmap中。(注意:副檔名一定要.png,並且圖片不能做壓縮處理。否則有可能建立不成功。)

這裡寫圖片描述

2. 右擊圖片選擇 Create 9-patch file,建立圖片

這裡寫圖片描述

3. 儲存剛剛建立的.9圖。如果不需要更改路徑直接點OK即可。

這裡寫圖片描述

4. 圖片建立成功以後會顯示在專案中,如圖所示。

這裡寫圖片描述

到這裡,.9圖就建立好了,是不是特別簡單,但是單單創建出來還是不夠,我們還要設定它的四個屬性。

.9圖的四個屬性設定

我們先開啟剛才經建立好的圖片,開啟之後如圖所示:

這裡寫圖片描述

左邊的是我們要操作的.9圖片,右邊是預覽圖。左邊圖片的四個邊分別代表了四個屬性,拖動不同的邊會設定不同的屬性。四個邊代表的屬性分別是:

  • 左方的黑線,指的是垂直方向的拉伸區域。垂直方向拉伸圖片時,只有黑線區域內的影象會被拉伸,黑線兩邊的影象保持原狀,這保證了上下兩邊的邊框厚度不變。

  • 上方的黑線,指的是水平方向的拉伸區域。水平方向拉伸圖片時,只有黑線區域內的影象會被拉伸,黑線兩邊的影象保持原狀,這保證了左右兩邊的邊框厚度不變。

  • 右方的黑線,指的是該圖片作為控制元件背景時,控制元件內部的文字上下邊界只能放在黑線區域內。這裡Vertical Padding的效果就相當於android:paddingTop與android:paddingBottom。

  • 下方的黑線,指的是該圖片作為控制元件背景時,控制元件內部的文字左右邊界只能放在黑線區域內。這裡Horizontal Padding的效果就相當於android:paddingLeft與android:paddingRight。

下圖是最後設定的結果和效果預覽圖:
這裡寫圖片描述

轉載地址:https://blog.csdn.net/oudetu/article/details/78968067