.9.png圖片製作

http://2528.iteye.com/blog/1326647

NinePatch是一種可延展的PNG圖。NinePatch的用途是製作「可隨文字大小縮放」的圖片,如圖1

                                      圖1

其應用程式的設計如下:

  • 文字部份使用TextView元件
  • 使用TextView的XML attribute來設定文字大小
  • 使用TextView的XML attribute來設定一張背景圖
  • 使用NinePatch圖片做爲背景圖,如此一來背景圖就可以隨着文字大小縮放

 

第一:準備一張圖:

       

第二:啓動工具(直接執行Android SDK tools/目錄下的draw9patch)

第三:打開png圖片

 

第四:開始編輯圖片:

粉紅色區域爲可延展區域,綠色部分爲非延展區域

 

圖中二條黑線的畫法:

點擊紅線內的斑馬線,就可畫黑線,取消黑線需要按住shift鍵點擊

勾選「Show patches」選項,即可顯示粉紅色區域,如下圖

 

工具菜單說明:

? Zoom: 用來縮放左邊編輯區域的大小? Patch scale: 用來縮放右邊預覽區域的大小? Show lock: 當鼠標在圖片區域的時候顯示不可編輯區域? Show patches: 在編輯區域顯示圖片拉伸的區域 (使用粉紅色來標示)? Show content: 在預覽區域顯示圖片的內容區域(使用淺紫色來標示)? Show bad patches: 在拉伸區域周圍用紅色邊框顯示可能會對拉伸後的圖片產生變形的區域,如果完全消除該內容則圖片拉伸後是沒有變形的,也就是說,不管如何縮放圖片顯示都是良好的。(實際試發現NinePatch編輯器是根據圖片的顏色值來區分是否爲bad patch的,一邊來說只要色差不是太大不用考慮這個設置。)

 

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