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