【文章內(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 目錄下拉，使得硬件可以像訪(fǎng)問(wèn)文件一樣進(jìn)行使用。物理地址可以像訪(fǎng)問(wèn)文件一樣進(jìn)行使用 。物理地址通過(guò)通過(guò)映射之后將快設(shè)備掛載至目錄就可以供業(yè)務(wù)邏輯層各個(gè)模塊訪(fǎng)問(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ì)、圖片分類(lèi)模塊設(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功能類(lèi)設(shè)計(jì)，不同模塊之間的訪(fǎng)問(wèn)，圖片分類(lèi)和管理的實(shí)現(xiàn)以 及管理圖片前端界面層顯示信息的實(shí)現(xiàn)。 我們將各個(gè)功能模塊進(jìn)一步劃分，劃分的功能模塊與各個(gè)子系統(tǒng)功能詳細(xì)設(shè)計(jì)說(shuō)明如下： 界面詳細(xì)設(shè)計(jì) 系統(tǒng)總體包圖 在圖片管理系統(tǒng)開(kāi)發(fā)中， 包圖用來(lái)表述功能組命名空間的組織層次。 圖片管理 系統(tǒng)的業(yè)務(wù)層包由 res 包， adapter、 bean、 impl、 util、 filemanger、ansyloader favdb 等包組成 。 各個(gè)包之間的依賴(lài)關(guān)系如下圖所示： 24 圖 41 系統(tǒng)總體包圖 Figure 41 The system overall package Figure 在核心 filemanger 包基礎(chǔ)上，各個(gè)功能包實(shí)現(xiàn)具體功能， filemanger 包里圖片分類(lèi)和圖片管理功能包，調(diào)用 adapter 包匯總數(shù)據(jù)， adapter 包調(diào)用 bean 包獲得各個(gè)類(lèi)型圖片的詳細(xì)信息， until 包調(diào)用 favdb、 fileutil、 impl 包完成圖片的增加刪除修改等操作。圖片管理主要系統(tǒng)包信息如下表所示： 系統(tǒng)包名 主要功能 主題界面 Activity 類(lèi)匯總包 基礎(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)畫(huà)來(lái)顯示，需要一些圖片來(lái)設(shè)置，提示信息需要使用一些字符串來(lái)顯示，這些常量值、布局圖片、菜單、圖片、原生圖片、動(dòng)畫(huà)、 XML 圖片等就可以稱(chēng)為系統(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)編譯這些資源文件，資源圖片要有一定的布局和格式。其類(lèi)型和目錄結(jié)構(gòu)如下表所示： 目錄結(jié)構(gòu) 資源類(lèi)型 res/anim/ XML動(dòng)畫(huà)文件 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 類(lèi)，在該類(lèi)中又生成了相應(yīng)的內(nèi)部類(lèi)。 視圖查看模塊 視圖查看模塊是一個(gè) GUI 界面，是直接展示給用戶(hù)觀看效果的模塊，這對(duì)用戶(hù)對(duì)界面的友好性有一定的難度，我們采用了樹(shù)形菜單的和小圖標(biāo)的圖形用戶(hù)界面，這樣的話(huà)就能很好的解決了圖形用戶(hù)界面 。使圖片操作更人性化使圖片操作 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ì)文件，其中 為圖片分類(lèi)模塊界面設(shè)計(jì)文件， 為圖片管理模塊界面文件設(shè)計(jì)， 為圖片 查找界面設(shè) 計(jì)文件， 為圖片操作提醒界面設(shè)計(jì)文件。 圖片分類(lèi)模塊詳細(xì)設(shè)計(jì) 系統(tǒng)分類(lèi)模塊為系統(tǒng)的核心模塊之一，為圖片管理提供分類(lèi)支持，調(diào)用 類(lèi)初始化界面，完成對(duì)所有類(lèi)型圖片的匯總，匯總之后進(jìn)行以網(wǎng)格化分類(lèi)顯示。 CategoryAct 顯示具體類(lèi)設(shè)計(jì)如下圖所示： 27 圖 45 CategoryAct顯示具體類(lèi)圖 Figure 45 CategoryAct display specific class diagram CategoryAct 類(lèi)繼承了 Activity 父類(lèi)和 OnItemClickListener接口，通過(guò)Activity 父類(lèi)屬性實(shí)現(xiàn)界面，通過(guò) OnItemClickListener 實(shí)現(xiàn)對(duì)界面事件的監(jiān) 28 聽(tīng)。 通 過(guò) 調(diào) 用 picture_count, sd_card_capacity_label,fav_count 以及LinearLayout 實(shí)體。通過(guò)調(diào)用 setview（）函數(shù)實(shí)現(xiàn)對(duì)圖片類(lèi)型和數(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ǔ)量在圖片分類(lèi)的九宮格頁(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 類(lèi)FileMangerAct 與圖片分類(lèi)模塊的 CategoryAct 類(lèi)進(jìn)行切換，在圖片分類(lèi)的基礎(chǔ)上對(duì)圖片進(jìn)行操作。 FileMangerAct 圖片管理類(lèi)具體類(lèi)設(shè)計(jì)如下圖所示： 31 圖 49 FileMangerAct圖片管理類(lèi)具體類(lèi) Figure 49 FileMangerAct file management class specific class FileMangerAct 首先實(shí)例化 adapter，通過(guò) adapter 對(duì)圖片進(jìn)行訪(fǎng)問(wèn)，然后通過(guò)圖片工作操作類(lèi) 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類(lèi)， 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ú)顯示；具體類(lèi)圖如下圖： 33 圖 411 圖片操作具體具體 類(lèi)圖 Figure 411 File operations specific concrete class diagram 為實(shí)現(xiàn)圖片復(fù)制，刪除，剪切，重命名等操作，系統(tǒng)設(shè)計(jì)了 Filehelper 類(lèi)。對(duì)不同類(lèi)型的圖片設(shè)計(jì)通用的方法 copyfile（）， delfile（）， movefile（），delfile（）；通過(guò)對(duì)方法的參數(shù)輸入不同完成對(duì)方法的初始化，實(shí)現(xiàn)對(duì)不同圖片的通用操作，系統(tǒng)設(shè)計(jì)類(lèi)圖如下： 34 圖 412 系統(tǒng)設(shè)計(jì)類(lèi)圖 Figure 412 System design class diagram 系統(tǒng)圖片管理操作，通過(guò)設(shè)計(jì) FileMangerAct 類(lèi)， MyAdapter 類(lèi)， Filehelper類(lèi)，通過(guò)三個(gè)類(lèi)的實(shí)例化，以及類(lèi)中各個(gè)方法的調(diào)用完成功能。模塊總體類(lèi)圖和時(shí)序圖如下： 35 圖 413 模塊總體類(lèi)圖 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è)線(xiàn)性布局 ,有兩個(gè)按鈕 ,用于切換視圖 ,下面是一個(gè)層疊布局 (tabcontent),用于顯示子 Activity 的內(nèi)容 .這里需要注意的是 ,系統(tǒng)把默認(rèn)的 TabWidget(tabs)設(shè)為隱藏 ,用系統(tǒng)線(xiàn)性布局里面的按鈕代替TabWidget 的功能。 圖片瀏覽頁(yè)面的布局實(shí)現(xiàn) 圖片瀏覽頁(yè)面就相對(duì)簡(jiǎn)單一點(diǎn) ,外部是一個(gè)相對(duì)布局 ,底部是一個(gè)線(xiàn) 性布局 ,線(xiàn)性布局里面有兩個(gè)操作按鈕 ,確定和取消 .只有在執(zhí)行操作的時(shí)候 ,底部這個(gè)布 38 局才會(huì)顯示 ,中間是一個(gè) listview 用來(lái)顯示當(dāng)前瀏覽的圖片條目。 分類(lèi)瀏覽布局設(shè)計(jì) 分類(lèi)瀏覽的布局稍微復(fù)雜一點(diǎn) ,這里系統(tǒng)先看一下布局導(dǎo)航圖。 圖 55 布局導(dǎo)航圖 Figure 55 Layout navigational charts 第一層 :一個(gè)現(xiàn)象布局 第二層 :一個(gè) viewfliper 第三層 : viewfliper 里面的兩個(gè)線(xiàn)性布局 第一個(gè)線(xiàn)性布局 ,就是放系統(tǒng)主頁(yè)面的分類(lèi)模塊 ,第二個(gè)線(xiàn)性布局 ,用于顯示系統(tǒng)當(dāng)前點(diǎn)擊某一個(gè)分類(lèi)的時(shí)候用于展示系統(tǒng)的分類(lèi)數(shù)據(jù) .其實(shí)就是一個(gè)listview,給予不同的數(shù)據(jù) ,顯示不同的樣式 .(比如音樂(lè) ,視頻 ,文本 ,圖片等等 ). 第四層 :類(lèi)別顯示層 ,系統(tǒng)的設(shè)計(jì)界面有 9個(gè)類(lèi)別 ,其實(shí)對(duì)應(yīng)了三個(gè)垂直的線(xiàn)性布 39 局 ,每一個(gè)線(xiàn)性布局里面有有三個(gè)水平的線(xiàn)性布局 .任何這個(gè)水平的線(xiàn)性布局里面有三個(gè)子 view 分別是 imageview,和 2個(gè) textview,下面是一個(gè)線(xiàn)性布局顯示當(dāng)前 SD 卡的內(nèi)存使用 .,可用進(jìn)度條顯示。 分類(lèi)瀏覽的頁(yè)面布局就是這樣來(lái)設(shè)計(jì) ,這里之所以用一個(gè) viewfliper 是因?yàn)橄到y(tǒng)在來(lái)回 點(diǎn)擊分類(lèi)的時(shí)候 ,用 viewfliper 切換視圖比較方便而且可以做比較華麗的動(dòng)畫(huà)效果。 部分功能編碼實(shí)現(xiàn) 這里系統(tǒng)來(lái)詳細(xì)介紹一下整個(gè)程序的數(shù)據(jù)獲取 ,和加載的流程 ,以及頁(yè)面跳轉(zhuǎn)刷新的過(guò)程 . 圖片分類(lèi)信息數(shù)據(jù)的獲取 在安卓系統(tǒng)中會(huì)自動(dòng)建立一個(gè)媒體數(shù)據(jù)庫(kù) ,里面存放系統(tǒng)的圖像信息 ,包括大小 ,路徑 ,圖片名 .詳細(xì)的屬性可以打開(kāi)數(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)查詢(xún)圖片系統(tǒng)中的所有系統(tǒng)需要查詢(xún)的圖片 .以下為代碼介紹： 圖片數(shù)據(jù)的獲取 獲取數(shù)據(jù)的游標(biāo) ,有了它系統(tǒng)就可在數(shù)據(jù)庫(kù)中查詢(xún)所有圖片的信息 Cursor cursor = (