一、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.右邊框
右邊框所形成的區域也代表內容放置區域
- 左邊框和上邊框是一組對應關係,性質相似,都是處理長度拉伸關係;
- 右邊框和下邊框是一組對應關係,性質相似,都是處理內容放置區域。
現在看下使用9patch圖片和沒使用的演示效果的對比圖:
.png 圖片
.9.png 圖片
可以看出使用9patch圖片後得到的界面更加美觀。以上就是關於製作Nine-Patch的過程啦,希望能幫助到點開這篇博客的你。