Draw 9-patch
- Draw 9-patch tool可以讓你輕鬆的建立NinePatch格式的圖像，這類的圖像最常用來當作按鈕
- NinePatch是一種可延展的PNG圖檔，。「可隨文字大小縮放」的圖片
- 參考android development：連結
Draw9Patch使用步驟
- step 1：開啟Draw9Patch Tool
-
- 在Android SDK\tools\目錄下執行drwa9patch.bat
- 或者建立一個捷徑檔，在目標欄位輸入你的Android SDK\tools\draw9patch.bat(參考)
- Step 2：拖曳你的png圖片至視窗中
- 接著我們利用滑鼠左鍵點擊圖像的邊緣，來建立延展的區域和文字的區域
- 參考下圖，右側是圖像變形時，根據你設定的延展區域而產生的實際呈現效果，由上而下大致上可以看出如果圖片被拉高、或者被拉寬以及不等比例大小時的呈現效果
- 我們通常希望圖片變形時只針對部分區域做延展、縮放
- 延展的區域由左側和上側的黑點決定，左側黑點決定垂直延展的區域，上方黑點決定水平延展的區域(如下圖紅色圈選處)
- 這兩側的黑點所形成的交集區域(黃色部分標示)，就是可延展區域，當圖片變形時，只會針對標示的區域做延展，其餘的部分保持不變
- 而右側與下側的黑點所形成的交集(黃色標記區域)，是其他元件可以顯示的區域，例如按鈕中的文字，我們不希望它占滿整個圖像，所以我們可以利用這個方式，將文字限制在指定的區域內
- 最後將圖像儲存就完成了
- 另外編輯視窗下方有三個勾選選項和兩個拉霸控制鈕，Zoom可縮放圖像，Patch scale可以預覽不同延展程度的圖像(預覽於右側)
- show content：顯示內容區域，右側會標記出可放置內容的區域
- show patches：顯示標記區域，紫色區域為延展區域，綠色部分為固定區域
沒有留言:
張貼留言
此部落格主要作為學習研究、心得分享，歡迎大家討論指教...