Light Weight Component Library for Java

2008年3月27日

Android Explorer UI 需求

1、概述
      Android Explorer(以下简称AE)是Android操作系统上的一个资源管理器程序,类似Windows上的资源管理器,它具备对Android上文件系统进行层次浏览、明细展示、文件管理的能力。
      由于Android主要应用于智能手机、嵌入式设备等,考虑到此类设备屏幕小的特点,AE程序的UI采用了Hildon风格的布局,几个主要特征就是下部为工具条、上部为状态条、左上角为菜单及中部为客户区(AE客户区中左部为目录树组件、右部为明细列表组件)。
      同时,为满足所需功能的要求,AE没有采用Android平台本身的组件库,而是采用了LWC-一个支持J2SE/J2ME/Android平台的Java UI Light Weight Libaray,LWC的特点是轻量级、所含组件丰富、适合复杂的商业与企业应用。
      因此,本需求是建立在采用Hildon(GG,eg)格局与LWC组件库基础上的。
      目前AE的UI界面:

 
2、总体需求
      1)、时尚美观、有个性有创意、简洁易懂;
      2)、色调与Android M5RC14版(Screenshots)UI接近;
      3)、语言为English。
 
3、具体需求
      1)、图片
      Picture Name              Description
      MainBackground        AE主界面背景,320*215 240*295 480*295 320*455
      AboutBackground       关于窗体背景,200*120
 2)、图标
      Icon Name      16*16 24*24 64*64 Description
      App                 *                   *          AE图标,体现Android Logo与AE Logo
      Menu                         *                     左上角菜单
提示信息
      Icon Name      16*16 24*24 Description
      Information       *                   提示信息窗体右上角图标
      Success                      *         成功标志
      Failure                        *         失败标志
目录树
      Icon Name      16*16 Description
      Root                 *        根,体现搭载Android的手机
      Folder Open     *        目录,打开状态 
      Folder Close     *        目录,关闭状态 
      File                   *         文件
      Toggle On                   目录打开时左侧-状图标,表示收缩,Only 9*9,XP中为右方向空白三角符
      Toggle Off                   目录关闭时左侧+状图标,表示展开,Only 9*9,XP中为右下角实心三角符
一级菜单 
      Icon Name      16*16 24*24 Description
      File                             *         文件
      Edit                            *          编辑
      View                          *          视图
      Option            *          *          设置
      Help               *          *          帮助
      About             *          *          关于
File菜单
      Icon Name      16*16 32*32 Description
      New...            *                     新建
      Open              *                     打开
      Delete             *                     删除
      Rename           *                    重命名
      Property...       *          *        属性
      Search...          *                    搜索
      Compare with...*                   比较
Edit菜单
      Icon Name      16*16 32*32 Description
      Undo               *         *         撤消
      Cut                  *         *         剪切
      Copy               *         *         拷贝
      Paste               *         *         粘贴
      Copy to...        *                    拷贝至
      Move to...        *                    移动至
      Select all         *                      选择所有
      Inverse select   *                     反向选择
View菜单
      Icon Name      16*16 32*32 Description
      ToolBar           *                    工具条
      StatusBar         *                    状态条
      Sort by Name                        以下4个用向上三角符表示递增排序
      Sort by Size                                        用向下三角符表示递减排序
      Sort by Type                                      Only 9*9
      Sort by Date   
      Back              *          *           后退
      Forward         *          *           前进
      Up Layer        *                       向上
      Refresh           *                       刷新
备注:
      一级菜单24*24图标为菜单项图标,
                     16*16图标为弹出窗体左上角图标;
      二级菜单16*16图标为菜单项图标及工具条按钮正常状态图片非透明部分,
                       32*32图标为工具条按钮按下状态图片非透明部分;
      所有图片、图标为png格式,文件名为上表格左侧英文栏名称;
      具体含义可进一步参考Windows的资源管理器-Explorer。
 
4、进度计划
      4/1-4/2 UI设计初版
      4/3        讨论修改
      4/4-4/6  UI设计修改版
      4/7        讨论修改
      4/7-4/9  UI设计完成
      4/6-4/10 AE文档、提交作品

附讨论图片:




 

最终UI效果:
HVGA-L
HVGA-P
QVGA-L
QVGA-P

posted @ 2008-03-27 10:32 lwc4j 阅读(763) | 评论 (0)编辑 收藏

导航

最新评论