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

系统 1748 0

画九宫格 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 : 在宫格区域四周增加一个红色边界,这可能会在图像被延伸时产生人工痕迹。如果你消除所有的坏宫格,延伸视图的视觉一致性将得到维护。

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


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论