也许有的开发者以为在Android开发中用户界面设计和实现简陋而麻烦,缺少有效的帮助和支持。Android-ui-utils开源项目包含了一系列工具,帮助咱们更好的设计和开发Android用户界面。项目主页为http://code.google.com/p/android-ui-utils/。它主要包含如下几个主要工具: html
这是一个基于网页的工具,能够帮助用户生成Android的图像资源。地址为:http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html。Android Asset Studio包含两个工具:
一、图标生成器 - 为应用建立图标
图标生成器能够很快速和方便的从现有图片、文本生成Android应用的图标。它能够分别生成以下类别的图标:
• 启动器图标
• 菜单图标
• 活动栏(Action bar)图标(Android 3.0+)
• 标签(Tab)图标
• 通知图标
图标生成器总体界面很是简单美观(使用了jQuery UI的界面),功能也很齐全,能够生成各类API Level以及分辨率的图标。 android
二、设备结构生成器 - 查看设计图在不一样屏幕Android手机上的真实效果
设备结构生成器能够快速的把一张设计图放到不一样的Android设备上,以便于比较和查看真实效果。它支持几种常见的手机,分别为Nexus One、Nexus S、Galaxy Nexus、Motorola XOOM。地址为http://android-ui-utils.googlecode.com/hg/asset-studio/dist/device-frames.html。
使用方法是将电脑里的图片拖拽到以下几个手机设备上,右边将会显示实际的效果图(这个拖拽交互效果的实现咱们又要感谢HTML5,因此请用Chrome打开): 工具
对于这个工具,个人感觉是若是支持更多机型和Tab就更好了。 ui
大家的设计师是否是常常把设计图导入到手机上,而后和产品经理、开发工程师一块儿查看和讨论界面设计?Android Design Preview可让这一个流程更加方便和简单。它让人能够实时的在真实设备上查看Android高保真的设计图,让视觉设计师像开发工程师同样所见即所得的工做。这个工具的做者是Google的Roman Nurik,它还同时支持Mac和Windows平台。 google
使用方法:
一、先在http://code.google.com/p/android-ui-utils/左下方选择合适的包下载(Windows是jar包,Mac是dmg格式)。
二、链接到Android手机并双击运行下载后的文件,运行界面以下图所示(同时它还在你的Android手机上安装了名为Design Preview的应用): 设计
三、点击“Select Mirror Region”,电脑屏幕上会出现以下的界面,这个格子能够拖动,双击或者按Esc隐藏(注意:仅仅是隐藏而已)。 code
四、把格子拖动到任何你想要的地方,你能够同时看到格子里面的内容已经实时出如今你的Android手机上。若是你在Photoshop里设计Andoid应用的界面,你全部的变动将所见即所得的同步显示在Android手机上。下面是我在电脑上的格子里查看Word文档时手机上显示的内容: htm
如今不少工做都变得很是方便和容易,是否是? 图片