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 閱讀(776) | 評論 (0) | 編輯 收藏