Android | 製作 Nine-Patch 圖片

一、Nine-Patch圖片概念

Nine-Patch圖片也叫做 9patch 圖片,文件擴展名爲 .9.png ,它是一種被特殊處理過的 png 圖片,能夠指定哪些區域可以被拉伸,哪些區域不可以。可以對界面進行一定程度的美化。

二、製作

根據書中的說法,我們可以打開Android sdk目錄下的tools文件夾,在文件夾找到 draw9patch.bat 文件,雙擊打開,在導航欄點擊 File-Open 9-patch 將需要製作的圖片加載進來。BBBBBBBut,我在文件夾中沒找到這個文件,所以這裏我們還有第二種方法,就是先將準備好的.png文件導入到項目的相應位置,右擊並選擇如下圖所示的選項
在這裏插入圖片描述
然後將生成的 .9.png 文件保存在剛剛 .png 文件相同的目錄下,刪除原來的 .png 文件,接下來就可以進入正式製作過程了。

我們可以在圖片的四個邊框繪製一個個的小黑點,形成一條黑邊。我們先來說一下四條黑邊的含義:
1.上邊框
在這裏插入圖片描述
上邊框的黑邊所形成的灰色區域代表在水平拉伸的時候,保持其他位置不動,只在黑邊處做拉伸。
2.左邊框
在這裏插入圖片描述
左邊框的黑邊所形成的灰色區域代表在豎直拉伸的時候,保持其他位置不變,只在黑邊處做拉伸。
3.下邊框
在這裏插入圖片描述
下邊框所形成區域代表內容所放置的區域
4.右邊框
在這裏插入圖片描述
右邊框所形成的區域也代表內容放置區域

  1. 左邊框和上邊框是一組對應關係,性質相似,都是處理長度拉伸關係;
  2. 右邊框和下邊框是一組對應關係,性質相似,都是處理內容放置區域。

現在看下使用9patch圖片和沒使用的演示效果的對比圖:
.png 圖片
在這裏插入圖片描述
.9.png 圖片
在這裏插入圖片描述
可以看出使用9patch圖片後得到的界面更加美觀。以上就是關於製作Nine-Patch的過程啦,希望能幫助到點開這篇博客的你。

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