现在的位置: 首页 > 综合 > 正文

Android开发指南-工具-画九宫格

2013年09月04日 ⁄ 综合 ⁄ 共 874字 ⁄ 字号 评论关闭

画九宫格Draw 9-patch

这个九宫格绘画工具(draw9patch.bat)可以让你很容易的通过一个所见即所得(WYS|WYG)的编辑器来创建一个九宫格NinePatch图。

关于九宫格图以及它是如何工作的,请阅读九宫格图像Ninepatch Images主题的相关章节。

draw9patch-normal

下面是一个便捷指南。你需要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)将以原样加载,因为这个已经存在。

draw9patch-bad

可选控制包括:

·         缩放Zoom: 调整图片大小

·         宫格比例Patch scale: 调整预览视图中图像的比例

·         显示锁定区域Show lock: 使不可画区域在鼠标移动到该区域上时显示出来。

·         显示宫格Show patches: 预览这个绘图区中的可延伸宫格(粉红色代表一个可延伸宫格)。

·         显示内容Show content: 预览视图中的高亮内容区域(紫色部分)。

·         显示坏宫格Show bad patches: 在宫格区域四周增加一个红色边界,这可能会在图像被延伸时产生人工痕迹。如果你消除所有的坏宫格,延伸视图的视觉一致性将得到维护。

 

抱歉!评论已关闭.