android 工具 Draw 9-patch 詳解

來源:互聯網
上載者:User
畫九宮格Draw 9-patch

這個九宮格繪畫工具(draw9patch.bat)可以讓你很容易的通過一個所見即所得 (WYSIWYG)(WYS|WYG)的編輯器來建立一個九宮格NinePatch圖。

關於九宮格圖以及它是如何工作的,請閱讀九宮格映像Ninepatch Images主題的相關章節。

面是一個便捷指南。你需要PNG映像來建立一個九宮格。

1. 從一個終端(比如windows瀏覽器),啟動這個draw9patch應用程式,該程式位於你的SDK /tools 目錄下。

2. 把你的PNG映像拖放到這個工具的視窗中(或者通過File->Open 9-patch... 來定位檔案)。你的工作台將被開啟。

左邊的窗格是你的繪畫地區,你可以在裡面編輯可延伸的宮格和內容地區。右邊窗格是預覽地區,從中你可以預覽圖形的展開。

3. 在1個像素周長裡點擊,繪製線條來定義可延伸宮格以及(可選的)內容地區。點擊右鍵(或者在蘋果機上,按住Shift並點擊)取消之前畫的線。

4. 這些完成後,選擇File > Save 9-patch...

你的圖片將以.9.png 檔案名稱儲存。

注意: 一個通常的PNG檔案(*.png) 載入時,將以一個空的單像素邊界補充在圖片周圍,你可以在裡面畫可延伸宮格和內容地區。一個前面儲存的九宮格檔案(*.9.png)將以原樣載入,因為這個已經存在。

可選控制包括:

·縮放Zoom: 調整圖片大小

·宮格比例Patch scale: 調整預覽視圖中映像的比例

·顯示鎖定地區Show lock: 使不可畫地區在滑鼠移動到該地區上時顯示出來。

·顯示宮格Show patches: 預覽這個繪圖區中的可延伸宮格(粉紅色代表一個可延伸宮格)。

·顯示內容Show content: 預覽視圖中的高亮內容地區(紫色部分)。

·顯示壞宮格Show bad patches: 在宮格地區四周增加一個紅色邊界,這可能會在映像被延伸時產生人工痕迹。如果你消除所有的壞宮格,延伸視圖的視覺一致性將得到維護。

 

 

轉載於http://dev.10086.cn/cmdn/wiki.index.php?editon-view-2471-1.html#1

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.