Android Explorer UI 需求
1、概述Android Explorer(以下簡(jiǎn)稱AE)是Android操作系統(tǒng)上的一個(gè)資源管理器程序,類似Windows上的資源管理器,它具備對(duì)Android上文件系統(tǒng)進(jìn)行層次瀏覽、明細(xì)展示、文件管理的能力。
由于Android主要應(yīng)用于智能手機(jī)、嵌入式設(shè)備等,考慮到此類設(shè)備屏幕小的特點(diǎn),AE程序的UI采用了Hildon風(fēng)格的布局,幾個(gè)主要特征就是下部為工具條、上部為狀態(tài)條、左上角為菜單及中部為客戶區(qū)(AE客戶區(qū)中左部為目錄樹組件、右部為明細(xì)列表組件)。
同時(shí),為滿足所需功能的要求,AE沒有采用Android平臺(tái)本身的組件庫(kù),而是采用了LWC-一個(gè)支持J2SE/J2ME/Android平臺(tái)的Java UI Light Weight Libaray,LWC的特點(diǎn)是輕量級(jí)、所含組件豐富、適合復(fù)雜的商業(yè)與企業(yè)應(yīng)用。
因此,本需求是建立在采用Hildon(GG,eg)格局與LWC組件庫(kù)基礎(chǔ)上的。
目前AE的UI界面:


2、總體需求
1)、時(shí)尚美觀、有個(gè)性有創(chuàng)意、簡(jiǎn)潔易懂;
2)、色調(diào)與Android M5RC14版(Screenshots)UI接近;
3)、語言為English。
3、具體需求
1)、圖片
Picture Name Description
MainBackground AE主界面背景,320*215 240*295 480*295 320*455
AboutBackground 關(guān)于窗體背景,200*120
2)、圖標(biāo)
Icon Name 16*16 24*24 64*64 Description
App * * AE圖標(biāo),體現(xiàn)Android Logo與AE Logo
Menu * 左上角菜單
提示信息
Icon Name 16*16 24*24 Description
Information * 提示信息窗體右上角圖標(biāo)
Success * 成功標(biāo)志
Failure * 失敗標(biāo)志
目錄樹
Icon Name 16*16 Description
Root * 根,體現(xiàn)搭載Android的手機(jī)
Folder Open * 目錄,打開狀態(tài)
Folder Close * 目錄,關(guān)閉狀態(tài)
File * 文件
Toggle On 目錄打開時(shí)左側(cè)-狀圖標(biāo),表示收縮,Only 9*9,XP中為右方向空白三角符
Toggle Off 目錄關(guān)閉時(shí)左側(cè)+狀圖標(biāo),表示展開,Only 9*9,XP中為右下角實(shí)心三角符
一級(jí)菜單
Icon Name 16*16 24*24 Description
File * 文件
Edit * 編輯
View * 視圖
Option * * 設(shè)置
Help * * 幫助
About * * 關(guān)于
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... * 移動(dòng)至
Select all * 選擇所有
Inverse select * 反向選擇
View菜單
Icon Name 16*16 32*32 Description
ToolBar * 工具條
StatusBar * 狀態(tài)條
Sort by Name 以下4個(gè)用向上三角符表示遞增排序
Sort by Size 用向下三角符表示遞減排序
Sort by Type Only 9*9
Sort by Date
Back * * 后退
Forward * * 前進(jìn)
Up Layer * 向上
Refresh * 刷新
備注:
一級(jí)菜單24*24圖標(biāo)為菜單項(xiàng)圖標(biāo),
16*16圖標(biāo)為彈出窗體左上角圖標(biāo);
二級(jí)菜單16*16圖標(biāo)為菜單項(xiàng)圖標(biāo)及工具條按鈕正常狀態(tài)圖片非透明部分,
32*32圖標(biāo)為工具條按鈕按下狀態(tài)圖片非透明部分;
所有圖片、圖標(biāo)為png格式,文件名為上表格左側(cè)英文欄名稱;
具體含義可進(jìn)一步參考Windows的資源管理器-Explorer。
4、進(jìn)度計(jì)劃
4/1-4/2 UI設(shè)計(jì)初版
4/3 討論修改
4/4-4/6 UI設(shè)計(jì)修改版
4/7 討論修改
4/7-4/9 UI設(shè)計(jì)完成
4/6-4/10 AE文檔、提交作品
附討論圖片:
最終UI效果:
HVGA-L

HVGA-P

QVGA-L

QVGA-P

posted @ 2008-03-27 10:32 lwc4j 閱讀(776) | 評(píng)論 (0) | 編輯 收藏