【文章內(nèi)容簡介】 library structure diagram文件層文件層也就是數(shù)據(jù)層，文件系統(tǒng)將數(shù)據(jù)存儲在硬件上，系統(tǒng)內(nèi)核通過驅(qū)動將其物理地址映射到/dev目錄下拉，使得硬件可以像訪問文件一樣進(jìn)行使用。物理地址可以像訪問文件一樣進(jìn)行使用。物理地址通過通過映射之后將快設(shè)備掛載至目錄就可以供業(yè)務(wù)邏輯層各個模塊訪問操作。第4章 系統(tǒng)詳細(xì)設(shè)計系統(tǒng)詳細(xì)設(shè)計在需求分析和系統(tǒng)概要設(shè)計完成的基礎(chǔ)上，完成各個業(yè)務(wù)邏輯的設(shè)計，為了下一章的系統(tǒng)實(shí)現(xiàn)打好基礎(chǔ)。本章根據(jù)系統(tǒng)層次劃分，將從界面設(shè)計、圖片管理模塊設(shè)計、圖片分類模塊設(shè)計等方面，其中系統(tǒng)主要功能模塊主要位于業(yè)務(wù)邏輯層，通過界面層完成圖片瀏覽，通過業(yè)務(wù)層實(shí)現(xiàn)圖片操作。本章將結(jié)合android系統(tǒng)的特點(diǎn)及java相關(guān)技術(shù)，實(shí)現(xiàn)圖片管理器中各個java功能類設(shè)計，不同模塊之間的訪問，圖片分類和管理的實(shí)現(xiàn)以及管理圖片前端界面層顯示信息的實(shí)現(xiàn)。我們將各個功能模塊進(jìn)一步劃分，劃分的功能模塊與各個子系統(tǒng)功能詳細(xì)設(shè)計說明如下： 系統(tǒng)總體包圖在圖片管理系統(tǒng)開發(fā)中，包圖用來表述功能組命名空間的組織層次。圖片管理系統(tǒng)的業(yè)務(wù)層包由res包， adapter、bean、impl、util、filemanger、ansyloader favdb 等包組成。各個包之間的依賴關(guān)系如下圖所示：圖 41 系統(tǒng)總體包圖Figure 41 The system overall package Figure在核心filemanger包基礎(chǔ)上，各個功能包實(shí)現(xiàn)具體功能，filemanger包里圖片分類和圖片管理功能包，調(diào)用adapter包匯總數(shù)據(jù)，adapter包調(diào)用bean包獲得各個類型圖片的詳細(xì)信息，until包調(diào)用favdb、fileutil、impl包完成圖片的增加刪除修改等操作。圖片管理主要系統(tǒng)包信息如下表所示：系統(tǒng)包名主要功能主題界面Activity類匯總包基礎(chǔ)數(shù)據(jù)適配器包應(yīng)用程序素材包數(shù)據(jù)庫連接包程序操作包圖片操作包系統(tǒng)工具包圖 42 圖片管理主要系統(tǒng)包Figure 42 Document management system package Android資源設(shè)計此處所說的資源為非編碼設(shè)計部分，以本系統(tǒng)來說，系統(tǒng)桌面特效需要使用一些動畫來顯示，需要一些圖片來設(shè)置，提示信息需要使用一些字符串來顯示，這些常量值、布局圖片、菜單、圖片、原生圖片、動畫、XML圖片等就可以稱為系統(tǒng)資源。圖片管理系統(tǒng)的資源圖如下圖所示圖 43 圖片管理系統(tǒng)的資源圖Figure 43 Resource map of the document management system系統(tǒng)通過調(diào)用資源編譯工具AAPT來編譯這些資源文件，資源圖片要有一定的布局和格式。其類型和目錄結(jié)構(gòu)如下表所示：目錄結(jié)構(gòu)資源類型res/anim/XML動畫文件res/drawable位圖文件res/layout/XML布局文件res/values/各種XML資源文件：XML數(shù)組文件: XML顏色文件: XML尺寸文件：XML樣式文件res/xml任意的XML文件res/raw直接復(fù)制到設(shè)備上的原生文件res/menuXML菜單文件系統(tǒng)資源的使用分為在代碼中使用和在其他資源圖片中引用該資源圖片。在編譯圖片管理系統(tǒng)時，自動生成一個R類，在該類中又生成了相應(yīng)的內(nèi)部類。視圖查看模塊視圖查看模塊是一個GUI界面，是直接展示給用戶觀看效果的模塊，這對用戶對界面的友好性有一定的難度，我們采用了樹形菜單的和小圖標(biāo)的圖形用戶界面，這樣的話就能很好的解決了圖形用戶界面。使圖片操作更人性化使圖片操作更快捷使圖片操作功能更完善。視圖查看模塊的xml靜態(tài)圖如下圖所示：圖 34 視圖查看模塊的xml靜態(tài)圖Figure 34 xml static diagram view View module ，包含RelativeLayoutViewFlipper LinearLayout標(biāo)簽，實(shí)現(xiàn)各個按鈕和標(biāo)簽，文字，標(biāo)簽，圖片，界面布局的顯示，調(diào)用如上圖的各個分界面和各個控件的xml界面設(shè)計文件，， 為圖片操作提醒界面設(shè)計文件。 圖片分類模塊詳細(xì)設(shè)計 系統(tǒng)分類模塊為系統(tǒng)的核心模塊之一，為圖片管理提供分類支持，完成對所有類型圖片的匯總，匯總之后進(jìn)行以網(wǎng)格化分類顯示。CategoryAct顯示具體類設(shè)計如下圖所示：圖 45 CategoryAct顯示具體類圖Figure 45 CategoryAct display specific class diagram CategoryAct類繼承了Activity父類和OnItemClickListener接口，通過Activity父類屬性實(shí)現(xiàn)界面，通過OnItemClickListener實(shí)現(xiàn)對界面事件的監(jiān)聽。 通過調(diào)用picture_count, sd_card_capacity_label,fav_count以及LinearLayout實(shí)體。通過調(diào)用setview（）函數(shù)實(shí)現(xiàn)對圖片類型和數(shù)量的匯總顯示，對每個單元的內(nèi)容以及UI格式進(jìn)行描述；通過readSDcard（）函數(shù)實(shí)現(xiàn)對SD卡存儲容量的顯示；通過StarThreadGroup()啟動對圖片的后臺支持。CategoryAct合作圖如下圖所示： 圖 46 CategoryAct合作圖Figure 46 CategoryAct collaboration diagram onCreat（）完成前端界面和后臺服務(wù)的初始化，通過調(diào)用setView（）初始化系統(tǒng)前端界面的同時，調(diào)用StarThreadGroup()啟動后臺服務(wù)支持。在setview顯示前端界面時，setView（）函數(shù)調(diào)用readSDCard（）函數(shù)獲得SD卡容量和剩余存儲量在圖片分類的九宮格頁面下端顯示。onCreate（）函數(shù)調(diào)用圖，如下圖所示：圖 47 onCreate（）函數(shù)調(diào)用圖Figure 47 onCreate（）function call graph onItemClick（）調(diào)用bean包下面圖片get方法獲得圖片信息，對應(yīng)界面菜單點(diǎn)擊相應(yīng)相對應(yīng)。onItemClick（）函數(shù)調(diào)用圖如下圖所示：圖 48 onItemClick（）函數(shù)調(diào)用圖Figure 48 onItemClick（）function call graph 圖片管理模塊詳細(xì)設(shè)計 圖片管理模塊為系統(tǒng)功能實(shí)現(xiàn)的核心模塊，圖片管理的Activity類FileMangerAct與圖片分類模塊的CategoryAct類進(jìn)行切換，在圖片分類的基礎(chǔ)上對圖片進(jìn)行操作。FileMangerAct圖片管理類具體類設(shè)計如下圖所示：圖 49 FileMangerAct圖片管理類具體類Figure 49 FileMangerAct file management class specific class FileMangerAct首先實(shí)例化adapter，通過adapter對圖片進(jìn)行訪問，然后通過圖片工作操作類Filehelp實(shí)現(xiàn)對圖片各個操作，包含操作MENU_FAV 收藏 MENU_DELETE刪除 MENU_COPY 復(fù)制 MENU_RENNAME 重命名 MENU_MOVE 剪貼(移動) MENU_MOREINFO 詳情 等操作，在完成操作之后通過intent消息與顯示界面交互，進(jìn)行圖片信息的刷新。文件操作具體流程圖如下圖：圖 410 圖片文件操作具體流程圖Figure 410 File operations specific flowchart 為實(shí)現(xiàn)對圖片的單獨(dú)顯示，系統(tǒng)設(shè)計了MyAdapter類，getCount () getItem (int position)；getItemId (int position)；getView (int position, View )實(shí)現(xiàn)對圖片數(shù)量，菜單項(xiàng)，菜單項(xiàng)標(biāo)號以及系統(tǒng)圖標(biāo)標(biāo)號，單獨(dú)顯示；具體類圖如下圖：圖 411 圖片操作具體具體類圖Figure 411 File operations specific concrete class diagram 為實(shí)現(xiàn)圖片復(fù)制，刪除，剪切，重命名等操作，系統(tǒng)設(shè)計了Filehelper類。對不同類型的圖片設(shè)計通用的方法copyfile（），delfile（），movefile（），delfile（）；通過對方法的參數(shù)輸入不同完成對方法的初始化，實(shí)現(xiàn)對不同圖片的通用操作，系統(tǒng)設(shè)計類圖如下：圖 412 系統(tǒng)設(shè)計類圖Figure 412 System design class diagram 系統(tǒng)圖片管理操作，通過設(shè)計FileMangerAct類，MyAdapter類，F(xiàn)ilehelper類，通過三個類的實(shí)例化，以及類中各個方法的調(diào)用完成功能。模塊總體類圖和時序圖如下：圖 413 模塊總體類圖Figure 413 Module overall class diagram圖414模塊總體時序圖Figure 414 The module overall timing figure 分享圖片 布局設(shè)計 TabActivity的布局實(shí)現(xiàn)圖 54 TabActivity的布局實(shí)現(xiàn)圖Figure 54 The TabActivity layout FigureTabActivity的布局是頂部一個線性布局,有兩個按鈕,用于切換視圖,下面是一個層疊布局(tabcontent),系統(tǒng)把默認(rèn)的TabWidget(tabs)設(shè)為隱藏,用系統(tǒng)線性布局里面的按鈕代替TabWidget的功能。 圖片瀏覽頁面的布局實(shí)現(xiàn)圖片瀏覽頁面就相對簡單一點(diǎn),外部是一個相對布局,底部是一個線性布局,線性布局里面有兩個操作按鈕,底部這個布局才會顯示,中間是一個listview用來顯示當(dāng)前瀏覽的圖片條目。分類瀏覽的布局稍微復(fù)雜一點(diǎn),這里系統(tǒng)先看一下布局導(dǎo)航圖。圖 55 布局導(dǎo)航圖Figure 55 Layout navigational charts第一層:一個現(xiàn)象布局第二層:一個viewfliper第三層: viewfliper里面的兩個線性布局第一個線性布局,就是放系統(tǒng)主頁面的分類模塊,第二個線性布局,給予不同的數(shù)據(jù),顯示不同的樣式.(比如音樂,視頻,文本,圖片等等).第四層:類別顯示層,系統(tǒng)的設(shè)計界面有9個類別,其實(shí)對應(yīng)了三個垂直的線性布局,和2個textview,下面是一個線性布局顯示當(dāng)前SD卡的內(nèi)存使用.,可用進(jìn)度條顯示。分類瀏覽的頁面布局就是這樣來設(shè)計,這里之所以用一個viewfliper是因?yàn)橄到y(tǒng)在來回點(diǎn)擊分類的時候,用viewfliper切換視圖比較方便而且可以做比較華麗的動畫效果。這里系統(tǒng)來詳細(xì)介紹一下整個程序的數(shù)據(jù)獲取,和加載的流程,以及頁面跳轉(zhuǎn)刷新的過程. 圖片分類信息數(shù)據(jù)的獲取在安卓系統(tǒng)中會自動建立一個媒體數(shù)據(jù)庫,里面存放系統(tǒng)的圖像信息,包括大小,路徑,：圖片數(shù)據(jù)的獲取獲取數(shù)據(jù)的游標(biāo),有了它系統(tǒng)就可在數(shù)據(jù)庫中查詢所有圖片的信息Cursor cursor = ().query(, null, null, null, null)。public static ArrayListT getdata(Cursor cursor) {ArrayListT musics = new ArrayListTMusic()。TMusic music。if (cursor .= null amp。amp。 () 0) {for (()。 .()。 cursor.moveToNext()) {music = new T()。((cursor.getColumnIndex()))。((cursor.getColumnIndex()))。((cursor.getColumnIndex()))。(music)。}()。}return musics。}代碼 51 圖片數(shù)據(jù)的獲取Code 51 Music file data access系統(tǒng)緩存圖片的數(shù)據(jù)