Draw 9-patch 工具 是一個可以讓你制作自動調(diào)整大小來適應(yīng)視圖內(nèi)容和屏幕大小的圖片位圖的所及即所得的工具。基于圖像中的作圖指示,圖像中被選中的部分呈水平或垂直分布
關(guān)于NinePatch圖片的介紹及它的工作原理,請閱讀Canvas and Drawables文檔中的NinePatch 圖片的相關(guān)章節(jié)。
這是一個使用Draw 9-patch 工具制作NinePatch 圖片的快速引導(dǎo)。首先你需要你想制作NinePatch 圖片的png圖片。
1.從你的SDK sdk/tools目錄下運行draw9patch 命令來啟動Draw 9-patch工具。
2.拖拽你的png圖片到Draw 9-patch工具的窗口中(或者File open 9-patch... 查找你的文件) 現(xiàn)在你的工作區(qū)域?qū)⒋蜷_。
左邊的窗口是你的繪圖區(qū)域,在這個區(qū)域你可以編輯可伸縮的線以及內(nèi)容的區(qū)域。右邊的窗口是視圖的展示區(qū)域,當它被拉伸時,你可以看到它的變化。
3.點擊其中,畫一個像素的線來定義可拉伸區(qū)域和內(nèi)容展示區(qū)域。右鍵點擊(在mac上是按住shift鍵點擊)來抹去之前劃過的線
4.結(jié)束的時候 選擇 File > Save 9-patch...
你的圖片將被保存成.9.png圖片。
確保你的NinePatch 圖片可以適當?shù)目s小,任何可伸縮的地區(qū)至少2 x2像素大小。.否則當你縮小的時候它可能會消失, Also, provide one pixel of extra safe space in the graphics before and after stretchable regions to avoid interpolation during scaling that may cause the color at the boundaries to change.
note:一個正常的png圖片(*.9)將在它周圍增加一像素的空白邊,來使我們繪制可拉伸區(qū)域和內(nèi)容顯示區(qū)域,之前保存的ninepatch文件(.9.png)繪制的線與空白的區(qū)域都將被加載,因為他們已經(jīng)存在了。
控制選項:
·Zoom: 調(diào)整繪制區(qū)域中圖像的縮放級別
·Patch scale: 調(diào)整繪制區(qū)域中圖像的比例
·Show lock: 當鼠標懸浮在圖形區(qū)域上時顯示不可繪制區(qū)域
·Show patches: 顯示可拉伸區(qū)域 (粉紅色區(qū)域就是可拉伸區(qū)域 )
·Show content: 內(nèi)容區(qū)域高亮顯示 (紫藍色就是內(nèi)容的可顯示區(qū)域)
·Show bad patches: 拉伸時會在相應(yīng)區(qū)域周邊人為的添加紅色的邊。如果你消除了所有的斑塊區(qū)域,你所拉伸的圖片將看上去很連貫(Visual coherence of your stretched image will be maintained if you eliminate all bad patches.)