Light Weight Component Library for Java

2008年3月21日

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 阅读(770) | 评论 (0)编辑 收藏

Light Weight Component Library 0.7.2

 Light Weight Component Library 0.7.2
 
1、版本
LWC 0.7.2 File Platform ScreenShot
LWC4SE lwc4j2se.jar J2SE(JRE1.5)
LWC4ME lwc4j2me.jar J2ME(MIDP2.0)
LWC4And

lwc4andm3rc20a.jar
lwc4andm3rc37a.jar
lwc4andm5rc14.jar

Android
            
2、特性
 1)、轻量级组件库,根据所使用组件种类数及图片情况,大小为100~300K;
 2)、丰富的组件,包含树、网格等复杂组件,可实现复杂的商业、企业应用UI;
 3)、组件库自适应屏幕尺寸与字体大小,让你的应用能支持从PDA、手机及嵌入式等各种设备;
 4)、支持触写笔、Push/Pull滚动、焦点切换可支持摇杆方式、Tab方式或是两者相结合的方式;
 5)、组件支持透明、非透明与背景图,配合图片设计可实现简洁、美观与时尚的UI;
 6)、良好的设计构架与类构架,并采用MVC模式设计;
 7)、命名、概念及API接口大多与AWT、Swing一致,能使有一定Java开发基础的人员快速上手;
 8)、纯Java,支持J2SE,J2ME,Android。
 
3、主要类与组件
 1)、6个布局类:
 边框布局/Border Layout
 流水布局/Flow Layout
 网格布局/Grid Layout
 列表布局/List Layout
 比列布局/Percent Layout
 光栅布局/Raster Layout
 2)、52个组件:
 单行标签/Single Line Label
 多行标签/Multilines Label
 标准按钮/Standard Button
 Win风格按钮/WinStyle Button
 位图按钮/Bitmap Button
 状态按钮/Status Button
 加速按钮/Speed Button
 选取框/CheckBox
 单选框/RadioBox
 单选组合/Radio Group
 组合框/ComboBox
 直线/Line
 单行文本/Single Line Text
 多行文本/Multilines Text
 密码文本/PasswordText
 超链接/Hyperlink
 掩码/Mask
 普通列表/General List
 选取列表/CheckList
 放大选择项列表/Zoom Select List
 放大选择项选取列表/Zoom Select and CheckBox List
 视图列表/View List
 分隔组件/SplitPan
 普通树/General Tree
 选取树/CheckTree
 普通网格/General Grid
 层次网格/Tree Grid
 伸缩组件/Extender
 边框/Border
 面板/Panel
 边框面板/BorderPan
 标题边框/TitledBorder
 图像/Image
 图像画板/Image Canvas
 定时器/Timer
 布尔编辑/Bool Editor
 滑块/Slider
 组件列表/CompList
 菜单/Menu
 菜单条/MenuBar
 工具条/Toolbar
 状态条/StatusBar
 进度条/Progress
 滚动条/ScrollBar
 滚动板/ScrollPan
 滚动面板/ScrollPanel
 模式窗体/Modal Window
 MDI子窗体/MDI Child Window
 空对话框/Blank Dialog
 颜色对话框/Color Dialog
 字体对话框/Font Dialog
 文件对话框/File Dialog

posted @ 2008-03-21 13:21 lwc4j 阅读(303) | 评论 (0)编辑 收藏

导航

最新评论