Draw 9-patch tool 是 Android SDK 中附帶的工具,可以讓你很容易的通過一個所見即所得(WYS|WYG)的編輯器來創建一個九宮格NinePatch圖。

Android 九宮格繪畫工具 Draw 9-patch tool

<P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; MARGIN: 0cm 0cm 12pt" class=MsoNormal>下面是一個便捷指南。你需要PNG圖像來創建一個九宮格。</P>

<P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 32.05pt" class=MsoNormal>1.  </SPAN></SPAN>從一個終端(比如windows瀏覽器),啟動這個draw9patch</SPAN>應用程序,該程序位于你的SDK /tools </SPAN>目錄下。</P>

<P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 32.05pt" class=MsoNormal>2.  </SPAN></SPAN>把你的PNG圖像拖放到這個工具的窗口中(或者通過File->Open 9-patch... 來定位文件)。你的工作臺將被打開。</P>

<P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; MARGIN: 0cm 0cm 0pt 32.05pt" class=MsoNormal>左邊的窗格是你的繪畫區域,你可以在里面編輯可延伸的宮格和內容區域。右邊窗格是預覽區域,從中你可以預覽圖形的拉伸。</P>

<P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 32.05pt" class=MsoNormal>3.     </SPAN></SPAN>1個像素周長里點擊,繪制線條來定義可延伸宮格以及(可選的)內容區域。點擊右鍵(或者在蘋果機上,按住Shift并點擊)取消之前畫的線。</P>

<P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 32.05pt" class=MsoNormal>4.     </SPAN></SPAN>這些完成后,選擇File > Save 9-patch... </P>

<P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; MARGIN: 6pt 0cm 0pt" class=MsoNormal>你的圖片將以.9.png 文件名保存。</P>

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

Android 九宮格繪畫工具 Draw 9-patch tool

可選控制包括:

·         縮放Zoom: 調整圖片大小

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

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

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

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

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

收錄時間:2011-09-08 09:04:54
 本文由用戶 碼頭工人自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!