【導讀】嵌入式系統(tǒng)是以應用為中心，以計算機技術為基礎，并且軟硬件可裁剪，開發(fā)對象有手機、掌上電腦、機電系統(tǒng)等。業(yè)、消費電子等領域廣泛使用嵌入式系統(tǒng)生產(chǎn)的產(chǎn)品。進入21世紀，嵌入式的應用主要是各種嵌入式應。以及復雜化，嵌入式軟件開發(fā)所占的分量越來越大。單一、界面簡單的風格逐漸向多功能、界面美觀、交互性好的方向發(fā)展。支持，這些功能都是無法實現(xiàn)的。本課題研究的方向是在應用系統(tǒng)的基礎上進。操作系統(tǒng)選用linux，應用系統(tǒng)采用QT/X11提供圖形支持。本課題突出的重點是用戶界面的開發(fā)，該平臺提供與用戶之間的直接交互。有如下優(yōu)點：1)優(yōu)良的跨平臺特性，QT支持Windows，Linux等多種操作系統(tǒng)。2）面向?qū)ο?，QT的良好封裝機制使得QT的模塊化程度非常高，可重用性較好，3）豐富的API，QT包括多達250個類，支持。移植基于QT的開源瀏覽器，支持上網(wǎng)功能。師評分占60%，答辯小組評分占40%。評語、成績、簽名及日期處必須手寫。

　　

【正文】 enoptionForm 類雙向關聯(lián)。打開文件功能菜單類NpOpenoptionForm 與 NpDeletenoteForm 類、 MyKeyboard 類分別為單向關聯(lián)。新建文件功能菜單類 NpNewnoteForm 分別與 NpOpennoteForm 類和 MyKeyboard 類單向 關 聯(lián) 。 NpOpenoptionForm 類和 NpNewoptionForm 類 繼 承 于 類NpFunctionviewForm 類。 MyKeyboard 類依賴于 MyKey 類，若 MyKey 類發(fā)生改變則MyKeyboard 類也將發(fā)生改變。 MyTextedit 類與 NpNewnoteForm 類和NpOpennoteForm 類為聚合（聚集）關系。 NpSaveForm 類與 NpNewnoteForm 類為聚合（聚集）關系。 NpMessagebox 類與 NpOpennoteForm 類是聚合（聚集）關系。 . . 4. 通訊錄 類 結(jié)構設計 圖 35 通訊錄類圖 主界面類 PhlPhoneListForm與菜單類 PhlOptionSelectionForm形成單向關聯(lián)關系。 PhlNewEditRecordForm 與菜單類形成單向關聯(lián)關系。菜單類與類PhlGroupViewForm 形成單向關聯(lián)關系。菜單類與類 PhlGroupListForm 形成單向關聯(lián)關系。類 PhlGroupListForm 與 PhlEditGroupForm 形成單項關聯(lián)關系 。 5. 播放器 類 結(jié)構設計 圖 36 播放器類圖 通過音 /視頻播放器選擇界面類 AVPPlayForm 和音頻播放器主界面類AVPAudioForm 和視頻播放器主界面類 AVPVideoForm 是單向關聯(lián)， AVPAudioForm和 AVPChooseListForm 之 間 是 雙 向 關 聯(lián) ， AVPChooseListForm 與AVPAllSongListForm 、 AVPMyFavoritesListForm 是 單 項 關 聯(lián) ，AVPAllSongListForm、 AVPMyFavoritesListForm 與 AVPAudioForm 單項關聯(lián)，AVPAudioForm 和 AVPDisplayLabel 是聚合 的關系。 . . 6. 瀏覽器 類 結(jié)構設計 圖 37 瀏覽器類圖 MainWindowBase 類 繼 承 自 類 MainWindow_X11, 類 MainWindow_X11 是Konqueror 基于 Qt/X11 的顯示界面的基類， BrowserView 類是 MainWindowBase 的一個組合用來顯示網(wǎng)頁，它繼承自 Konqueror 顯示網(wǎng)頁基類 View 類。 7. 電子相冊 類 結(jié)構設計 圖 38 電子相冊類圖 AlbPicViewForm 和 AlbMenuForm 所以它們之間的關系是雙向關聯(lián)，AlbOptionForm 和 AlbPicChooseForm 與 AlbPicViewForm 是 單 向 關 聯(lián) 。AlbPicViewForm 與 AlbMenuForm 之間是雙相關聯(lián)。 . . （四） 畫面設計 1. 主界面畫面 設計 圖 39主界面畫面設計 主界面是程序的入口，為其他模塊調(diào)用提供接口，畫面設計如 下： 大?。褐鹘缑娲笮?320*240（以下各個模塊窗口均以此為標準） 功能圖標：主界面上有七個功能按鈕（六個在外圍，一個居中），六個外圍按鈕的位置排列起來形成一個類似的橢圓。按鈕上設置有圖標，整個界面有漂亮的背景。各功能按鈕的大小左右對稱，最上面按鈕最小，向下逐漸變大至最下面。最下面按鈕和正中按鈕相似，只是大小不一。按鈕上的圖標作為功能圖標，其中只用正中圖標為當前獲得屏幕焦點的圖標，其在整個界面中是最大的功能圖標（亦最大按鈕）。 動態(tài)效果：通過方向鍵控制圖標順逆時針方向旋轉(zhuǎn)，觸摸屏點擊非中間按鈕時順時針旋 轉(zhuǎn)直到所點擊功能圖標旋轉(zhuǎn)為中間圖標，旋轉(zhuǎn)同時圖標大小相應變化。 . . 2. 系 統(tǒng) 管理 畫面 設計 圖 310系統(tǒng)管理畫面設計 系統(tǒng)管理管理主要管理語言，主題和文件 【語言切換】、【主題轉(zhuǎn)換】、【文件管理】直接返回到【系統(tǒng)管理界面】 ， 【文件管理（非第一級目錄）】的返回是依次返回上級目錄 ， 【簡潔操作選項框】、【操作選項框】選擇“取消”時返回到調(diào)用它們時所在目錄的【文件管理】 ， 【新建文件夾】、【重命名】、【刪除】的“確定”和“取消”都會跳轉(zhuǎn)到調(diào)用它們時所在目錄的【文件管理】 ， 【查找】顯示查找的結(jié)果所在目錄的【文件管理】 、【取消】就跳轉(zhuǎn)到調(diào)用它們時所在目錄的【文件管理】 ， 打開各類文件的界面關閉后直接返回當前目錄的【文件管理】 . . 3. 記 事本 畫面 設計 圖 311記事本畫面設計 進入記事本主界面顯示的是系統(tǒng)文件夾 notepad 下的 txt 文件列表，默認選擇列表第一個 txt 文件，通過主界面下邊的【 option】可以進入選項菜單，主界面【 option】有如下選項：【 New note】為新建一個 txt 文件，【 Open note】為打開選中的 txt文件，【 Delete note】為刪除選中的 txt文件，【 Exit】為退出菜單返回主界面。進 入【 New note】彈出一個輸入新建文件名稱的提示框，輸入一個文件名選擇【 Select】后進入新建文件的編輯界面，如果不輸入文件名選擇【 Select】會指定一個默認文件名，選【 cancel】取消本次操作?！?New note】下有如下選項：【 Next Node】為查看下一個文件，【 Edit language】為軟鍵盤輸入，【 Exit】為退出該界面?！?Open Node】下有如下選項：【 Delete note】為刪除當前的 txt 文件【 Next Node】為查看下一個文件，【 Edit language】為軟鍵盤 輸入，【 Exit】為退出該界面 . . 4. 通 訊錄 畫面 設計 圖 312通訊錄畫面設計 通訊錄模塊主界面為一個查找界面，顯示所有用戶的信息，可以通過查找框查找，輸入查找內(nèi)容到查找框后點【 ok】就可以進行查找，【 option】為功能菜單選項，【 Exit】退出主界面，【 option】菜單有 5 個選項，分別為【 New Record】，【 Edit Record】，【 View Record】，【 View Group】，【 Delete Record】，選擇【 New Record】新建一條記錄，記錄包括 Name， Number， Email， Group，記錄建好后選【 Save】保存，【 back】不保存退出。選擇【 Edit Record】為在主界面選擇的一條記錄上修改，修改玩后選【 Save】保存，【 back】不保存退出。選擇【 View Record】為查找在主界面選擇的一條記錄的信息，【 View Group】為查找群組信息，進入【 View Group】選擇【 New】新建群組，選擇【 Edit】為修改現(xiàn)有群組?！?Delete Record】為刪除一條聯(lián)系人的記錄。 . . 5. 播放器畫面 設計 圖 313播放器畫面設計 從主界面選擇播放器模塊圖標進入音 /視頻播放器選擇界面，在選擇界面里選AudioPlayer 進入音頻播放器，選擇 Videoplayer 進入視頻播放器，選擇【 back】返回主界面。 進入音頻播放器的主界面有【播放 /暫?！俊鞠乱皇住俊旧弦皇住?3 個按鈕和一個音量控制滾動條來控制聲音，【 option】選項菜單來進行下一個界面切換和選擇播放模式。從【 option】選擇【 My favourites】進入 My favourites 界面，在該界面中選擇【 play】播放選擇【 Delete】將選中歌曲從 Myfavourite 列表中刪除，【 back】退回主界面。從 【 option】選擇【 AllSong】進入 All Song 界面，在該界面中選擇【 play】播放選中的歌曲，選擇【 Add】將選中歌曲加入到 Myfavourite列表中，【 back】退回主界面。從【 option】選擇其他選項控制播放模式。播放模式有列表順序播放，列表循環(huán)播放，隨機播放，單曲循環(huán)播放。 進入視頻播放器界面有播放 /暫停】【下一首】【上一首】【快進】【快退】和一個音量控制滾動條來控制聲音以及從【 Full】進入全屏播放。 . . 6. 瀏覽 器畫面 設計 圖 313瀏覽器畫面設計 瀏覽器地址欄用于輸入網(wǎng)址，搜索欄用 百度或谷歌搜索引擎進行關鍵詞搜索。 常用網(wǎng)站的鏈接顯示， Option 選項菜單，主要選項有【 Start Page】 (開啟首頁 )，【 Web List】 (網(wǎng)頁列表 ,顯示已打開網(wǎng)頁 )和【 Exit】 (退出瀏覽器 ) 7. 電 子相 冊畫面 設計 圖 313電子相冊畫面設計 進入電子相冊一開始顯示的是圖片選擇界面，顯示系統(tǒng)文件夾 Album 下的圖片的縮略圖，可以通過鍵盤或鼠標選擇一個圖片，選擇其中一個小圖片可以進入該圖片的瀏覽界面，通過圖片選擇界面下邊的【 option】可以進入選項菜單，【 option】下有【 open】，【 Delete】，【 Help】，【 Exit】 4 個選項，【 open】為打開當前選擇的圖片，【 Delete】為刪除當前選擇的圖片，【 Help】顯示幫助信息，【 Exit】為退出電子相冊。進入圖片瀏覽界面可以通過該界面下的【 option】選項改變?yōu)g. . 覽模式，【 option】有如下選項：【 Zoom In】為放大，【 Zoom Out】為縮小顯示，【 Turn Left】為順時針旋轉(zhuǎn)，【 Turn Right】為逆時針旋轉(zhuǎn)，【 Auto View】為幻燈模式播放圖片，【 Full Screen】為全頻顯示，【 Back to Normal】 為恢復原始圖片顯示，【 Exit】為退出圖片瀏覽界面。 四 .實現(xiàn) 思路 （一） 主界面實現(xiàn)思路 主界面的設計，主要是各個功能按鈕移動，軌跡形成一個類似橢圓，并有較明顯滑動效果的實現(xiàn)。 界面中的功能按鈕為 Qt 中的 QToolButton 類的實例化。首先定義了一個QToolButton 類數(shù)組，有六個成員，即六個功能按鈕。功能按鈕的移動，是從一個按鈕的位置移動到下一個或上一個按鈕的位置。按鈕的移動很容易實現(xiàn)，直接調(diào)用函數(shù)即可。由于兩個按鈕之間有一定距離且移動速度太快，這樣直接從一個位置移動到另一個位置，看到的效果就是功能按鈕上圖 標的跳變，感覺不到按鈕的移動。要看到移動的效果，那么就需要縮短移動的距離，在移動到下一個或上一個位置之前增加移動的過渡點，并且使用延遲在每一個過渡點使按鈕上的圖標得到短暫的顯示。這樣移動經(jīng)過多個過渡點，整體移動的效果就顯示出來，便能看到功能按鈕之間的移動有較明顯的滑動效果。為了有較好的顯示效果，功能按鈕相互之間都設置了四個過渡點。過渡點的坐標可由相鄰的功能按鈕的幾何參數(shù)計算出。 主界面中按鈕的移動是循環(huán)移動，整體效果看上去可以是順時針旋轉(zhuǎn)或逆時針旋轉(zhuǎn)，且移動到相應位置后對應圖標大小也發(fā)生變化。如下圖： 圖 41主界面旋轉(zhuǎn)示意圖 1 功能按鈕移動的實現(xiàn)：首先每個按鈕每次移動的最終位置固定，或為其上一個按鈕的位置或為其下一個按鈕的位置。每一個位置按鈕的大小也是固定的，所. . 以功能按鈕移動到另一個位置時，其按鈕大小和圖標都要重新設置。按鈕大小的設置很容易實現(xiàn)，主要是圖標的設置較為麻煩。重新設置圖標，就是把圖標縮放到對應按鈕的大小。由于 Button 圖標自動縮放的效果不是很好，所以采取提前處理好圖標的幾種大小然后 再設置相應圖標到對應大小的功能按鈕的方法來實現(xiàn)。 每一個功能按鈕對應一種圖標，移動到每一個位置有其對應大小的圖標（圖標不變，只是大小發(fā)生了變化），為了使移動后加載對應大小圖標不出現(xiàn)混亂，所以定義了一個二維 QString 數(shù)組。該數(shù)組用于存放圖標的名字，每一行存放的是不同大小的同一種圖標，共六行六種圖標，對應六個功能按鈕。每個按鈕移動到新的位置的時候，按鈕大小變化了，那么按鈕的圖標得重新設置。各個位置的圖標大小是固定的，直接在每一種圖標中取出相應大小的圖標即可。 這樣功能按鈕的一次移動就實現(xiàn)了。 圖 42主界面旋轉(zhuǎn)示意圖 2 現(xiàn)在來解釋為什么使用 QToolButton 類數(shù)組，而不是單獨命名各個類。如上圖，看看一個位置上按鈕移動的實現(xiàn)。 1位置的按鈕移動到 2 位置，這是一次移動（方向鍵按下一次）。當再一次移動，同樣是 1 位置的按鈕移動到 2位置。但是這次移動的功能按鈕改變了，移動的過渡點和移動的最終位置都沒有發(fā)生改變，改變的僅僅是按鈕。那么 1 位置移動的按鈕就應該設置為變量，每次把 1 位置的按鈕賦給那個變量就 行了。但是一旦循環(huán)移動起來， 1 位置的按鈕到底是哪一個就不明了了。明確該按鈕是很重要的，因為只有知道是什么功能按鈕，才能設置其相對應的圖標。也可以通過比較，找出 1 位置的按鈕，但是這只是 1 個位置，共有六個位置，這是很麻煩的事情。 不過，采用類數(shù)組這個問題就很容易被解決了。首先，各個按鈕的