Light Weight Component Library for Java

          2008年3月27日

          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)編輯 收藏

          導(dǎo)航

          最新評(píng)論

          主站蜘蛛池模板: 栖霞市| 安丘市| 大关县| 海安县| 和龙市| 西乡县| 凉城县| 张家港市| 张家口市| 靖远县| 宜黄县| 渑池县| 红河县| 景谷| 汶川县| 永胜县| 江北区| 错那县| 汝南县| 赣榆县| 阿克陶县| 北碚区| 海门市| 宜川县| 兴国县| 交城县| 泾源县| 江门市| 航空| 社旗县| 迭部县| 枣强县| 南丰县| 绥宁县| 海兴县| 集安市| 嘉善县| 东安县| 连州市| 雅江县| 德江县|