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

          2008年3月21日

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

          僅列出標題  

          導航

          最新評論

          主站蜘蛛池模板: 南乐县| 萝北县| 孟州市| 天峻县| 辛集市| 金塔县| 沾化县| 论坛| 韶山市| 合水县| 长丰县| 兰州市| 阳原县| 永泰县| 商丘市| 延津县| 桓台县| 抚松县| 定日县| 德令哈市| 稻城县| 富顺县| 日照市| 五峰| 洛川县| 万盛区| 鄂托克旗| 于都县| 赞皇县| 乐昌市| 固镇县| 万盛区| 麻阳| 江都市| 马龙县| 延川县| 景谷| 肃宁县| 沂水县| 石屏县| 墨玉县|