HardBirch

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

时间:11-12-06 栏目:HTML5移动开发 作者:张飞不张,文采横飞 评论:13 点击: 4,371 次

        也许有的开发者觉得在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)。

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: Android ui utils-简单实用的Android界面工具

Android ui utils-简单实用的Android界面工具:目前有13 条留言

  1. 13楼
    a0199133:

    不错的东西 mark一下 等后面研究安卓的时候用用

    2011-12-06 23:43 [回复]
  2. 12楼
    ssl911:

    貌似也就个人开发时候用到, 在单位的话这都是美工的活……

    2011-12-07 22:58 [回复]
  3. [reply]ssl911[/reply]
    美工也不是万能的,需要共同讨论人机界面交互设计

    2011-12-08 08:57 [回复]
  4. 顶了

    2011-12-08 14:28 [回复]
  5. 9楼
    wuhen0929:

    怎么收藏啊……以后可能会用到

    2011-12-08 14:30 [回复]
  6. 8楼
    hfahe:

    [reply]wuhen0929[/reply]
    标题下面有收藏按钮。

    2011-12-08 23:38 [回复]
  7. 7楼
    wkw1983:

    Haogongju

    2011-12-09 02:23 [回复]
  8. 6楼
    repoem:

    就需要个人开发用的,哈哈.

    2011-12-09 09:10 [回复]
  9. 5楼
    her2006:

    不错,感谢分享。

    2011-12-09 10:07 [回复]
  10. 4楼
    baolong47:

    没有多大用处。。。

    2011-12-09 17:33 [回复]
  11. 地板
    kavensu:

    haothaole

    2011-12-12 00:01 [回复]
  12. 板凳
    jimt109:

    頂!!感謝分享

    2011-12-23 09:20 [回复]
  13. 沙发
    sunl81:

    不错。。不知道咋进行转载啊!

    2012-02-23 19:08 [回复]

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐