Android ui utils-简单实用的Android界面工具

转载 2013年12月02日 22:06:17

        也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦,缺乏有效的帮助和支持。Android-ui-utils开源项目包含了一系列工具,帮助我们更好的设计和开发Android用户界面。项目主页为http://code.google.com/p/android-ui-utils/。它主要包含以下几个主要工具:

一、Android Asset Studio

        这是一个基于网页的工具,可以帮助用户生成Android的图像资源。地址为:http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html。Android Asset Studio包含两个工具:
1、图标生成器 - 为应用创建图标
        图标生成器可以很快速和方便的从现有图片、文本生成Android应用的图标。它可以分别生成如下类别的图标:
启动器图标
菜单图标
活动栏(Action bar)图标(Android 3.0+)
标签(Tab)图标
通知图标
        图标生成器整体界面非常简单美观(使用了jQuery UI的界面),功能也很齐全,可以生成各种API Level以及分辨率的图标。
 
2、设备结构生成器 - 查看设计图在不同屏幕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就更好了。

二、Android Design Preview

        你们的设计师是不是经常把设计图导入到手机上,然后和产品经理、开发工程师一起查看和讨论界面设计?Android Design Preview可以让这一个流程更加方便和简单。它让人可以实时的在真实设备上查看Android高保真的设计图,让视觉设计师像开发工程师一样所见即所得的工作。这个工具的作者是Google的Roman Nurik,它还同时支持Mac和Windows平台。
 
使用方法:
1、先在http://code.google.com/p/android-ui-utils/左下方选择合适的包下载(Windows是jar包,Mac是dmg格式)。
2、连接到Android手机并双击运行下载后的文件,运行界面如下图所示(同时它还在你的Android手机上安装了名为Design Preview的应用):
 
3、点击“Select Mirror Region”,电脑屏幕上会出现如下的界面,这个格子可以拖动,双击或者按Esc隐藏(注意:仅仅是隐藏而已)。
 
4、把格子拖动到任何你想要的地方,你可以同时看到格子里面的内容已经实时出现在你的Android手机上。如果你在Photoshop里设计Andoid应用的界面,你所有的变更将所见即所得的同步显示在Android手机上。下面是我在电脑上的格子里查看Word文档时手机上显示的内容:
 

        现在很多工作都变得非常方便和容易,是不是?

        来自蒋宇捷的博客(http://blog.csdn.net/hfahe)。

5款最好的安卓界面设计工具推荐

苹果手机最近几年市场占有的份额急速的增加,但是安卓手机仍然是大多数品牌手机系统的首选。每款产品的安卓手机界面设计,也是这款产品设计的重中之重。其实,手机的界面设计,在线框图设计之时就已经决定了。那么,...
  • jongde1
  • jongde1
  • 2017年04月21日 13:02
  • 3421

Android可视化调试工具Hierarchy Viewer的使用

Android的SDK工具包中,有很多十分有用的工具,可以帮助程序员开发和测试Android应用程序,大大提高其工作效率。其中的一款叫Hierachy Viewer的可视化调试工具,可以很方便地帮...
  • yang19910524
  • yang19910524
  • 2015年03月29日 10:50
  • 2002

Android Studio官方文档之使用布局编辑器来设计UI界面

2016九月 24 ...
  • qq_28234213
  • qq_28234213
  • 2017年06月26日 13:40
  • 3993

Android ui utils-简单实用的Android界面工具

转载请说明:来自蒋宇捷的博客(http://blog.csdn.net/hfahe) 也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦,缺乏有效的帮助和支持。Andr...
  • fuhao715
  • fuhao715
  • 2011年12月11日 20:35
  • 333

Android ui utils-简单实用的Android界面工具 .

http://blog.csdn.net/hfahe/article/details/7048091       也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦,缺乏有效的帮...
  • wf21cn
  • wf21cn
  • 2011年12月08日 11:16
  • 531

Android ui utils-简单实用的Android界面工具

也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦,缺乏有效的帮助和支持。Android-ui-utils开源项目包含了一系列工具,帮助我们更好的设计和开发Android用户界面。项...
  • hfahe
  • hfahe
  • 2011年12月06日 23:20
  • 35621

Android ui utils-简单实用的Android界面工具

也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦,缺乏有效的帮助和支持。Android-ui-utils开源项目包含了一系列工具,帮助我们更好的设计和开发Android用户界面。项...
  • u011277123
  • u011277123
  • 2016年07月29日 09:38
  • 173

Android ui utils-简单实用的Android界面工具

原文链接:http://blog.csdn.net/hfahe/article/details/7048091 也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦,缺乏...
  • qiaoning13256
  • qiaoning13256
  • 2011年12月12日 09:39
  • 548

Android ui utils-简单实用的Android界面工具

转自蒋宇捷的博客(http://blog.csdn.net/hfahe)   也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦,缺乏有效的帮助和支持。Android-ui...
  • tiger119
  • tiger119
  • 2012年01月10日 23:03
  • 443

直接拿来用!10款实用Android UI工具

摘要:移动应用的UI设计好似达摩克利斯之剑,一方面,体验良好的UI可以加强应用在用户心中的形象和识别性,反之,一个体验糟糕的UI设计可能会使用户产生厌恶感。为此,本文特为广大开发者推荐10款轻巧使用的...
  • caihongshijie6
  • caihongshijie6
  • 2013年10月23日 12:52
  • 939
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android ui utils-简单实用的Android界面工具
举报原因:
原因补充:

(最多只允许输入30个字)