Draw 9-patch tool 是 Android SDK 中附带的工具，可以让你很容易的通过一个所见即所得（WYS|WYG）的编辑器来创建一个九宫格NinePatch图。
下面是一个便捷指南。你需要PNG图像来创建一个九宫格。
<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)将以原样加载，因为这个已经存在。
</P> <P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; MARGIN: 0cm 0cm 12pt" class=MsoNormal>可选控制包括：</P> <P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 17.85pt" class=MsoNormal>· </SPAN></SPAN>缩放Zoom: 调整图片大小 </P> <P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 17.85pt" class=MsoNormal>· </SPAN></SPAN>宫格比例Patch scale: 调整预览视图中图像的比例</P> <P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 17.85pt" class=MsoNormal>· </SPAN></SPAN>显示锁定区域Show lock: 使不可画区域在鼠标移动到该区域上时显示出来。</P> <P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 17.85pt" class=MsoNormal>· </SPAN></SPAN>显示宫格Show patches: 预览这个绘图区中的可延伸宫格（粉红色代表一个可延伸宫格）。</P> <P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 17.85pt" class=MsoNormal>· </SPAN></SPAN>显示内容Show content: 预览视图中的高亮内容区域（紫色部分）。</P> <P style="TEXT-ALIGN: left; LINE-HEIGHT: 15.6pt; TEXT-INDENT: -17.85pt; MARGIN: 0cm 0cm 0pt 17.85pt" class=MsoNormal>· </SPAN></SPAN>显示坏宫格Show bad patches: 在宫格区域四周增加一个红色边界，这可能会在图像被延伸时产生人工痕迹。如果你消除所有的坏宫格，延伸视图的视觉一致性将得到维护。</P> <DIV class=date>收录时间：2011-09-08 09:04:54</DIV>