【文章內(nèi)容簡(jiǎn)介】
件名被移除。 ( 10) 軟鍵盤(pán)輸入功能:軟鍵盤(pán)支持英文輸入, Cap 鍵支持 大小寫(xiě)英文切換,提供 Shift 鍵的上下字符切換功能, Enter 可以進(jìn)行回車換行,其 ESC 鍵執(zhí)行軟鍵盤(pán)退出功能。軟鍵盤(pán)上的按鍵與物理鍵盤(pán)的按鍵位置相對(duì)應(yīng)。 ( 11) 給用戶提供友好的圖形用戶界面,并合理安排界面元素布局, 使其交互性好且 方便用戶操作。 記事本界面設(shè)計(jì) 記事本主要界面設(shè)計(jì) : ( 1) 文件列表界面: 如圖 2 所示, 界面大小為 320*240。界面上方提供記事本圖標(biāo)和記事本文字標(biāo)簽,中間的顯示區(qū)域顯示記事本文件列表。界面的最下方為兩個(gè)按鈕,左側(cè)的是功能按鈕,右側(cè)的是返回按鈕,此界面上分別標(biāo)記為 “Option”和 “Exit”。文件列表中文件以文件創(chuàng)建時(shí)間排序, 將要進(jìn)行操作的文件名高亮顯示。 華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 圖 2 文件列表界面 Fig. 2 File list interface ( 2) 新建文件編輯界面: 如圖 3 所示, 界面大小為 320*240。界面上方顯示記事本圖標(biāo)和新建文件的文件名,如果沒(méi)有輸入文件名則不顯示。中間的顯示區(qū)域?yàn)槲募庉媴^(qū),用于接收文本的輸入。界面的最下方左側(cè)為功能按鈕,右側(cè)的是返回按鈕,此界面上分別標(biāo)記為 “Option”和 “Save”。 圖 3 新建文件編輯界面 Fig. 3 New document editing interface ( 3) 打開(kāi)文件內(nèi)容顯示界面: 如圖 4 所示, 界面大小為 320*240。界面上方顯示記事本圖標(biāo)和打開(kāi)的文件的文件名,中間的顯示區(qū)域?yàn)槲募?nèi)容顯示區(qū),可以接受文本的編輯和修改。界面的最下方左側(cè)為功能按鈕,右側(cè)的是返回按鈕,此界面上分別標(biāo)記為 “Option”和 “Back”。 華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 圖 4 文件打開(kāi)界面 Fig. 4 Documents open interface 華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 記事本功能菜單設(shè)計(jì): 如圖 5 所示, 記事本功能菜單大小要小于記事本主要界面的大小,根據(jù)具體條目的數(shù)量來(lái)調(diào)整為合適的大小。菜單上顯示可操作的功能選項(xiàng),并對(duì)選定的功能選項(xiàng)高亮顯示。界面的最下方左側(cè)為功能按鈕,右側(cè)的是返回按鈕,菜單中分別標(biāo)記為“Select”和 “Back”。 圖 5 功能菜單 Fig. 5 Function menu 記事本消息提示框設(shè)計(jì): 如圖 6 所示, 消息提示框界面大小為 320*消息提示框的顯示區(qū)域顯示提示動(dòng)畫(huà)和提示的內(nèi)容。界面的最下方左側(cè)為功能按鈕,右側(cè)的是返回 按鈕,此界面中分別標(biāo)記為 “Yes”和 “No”。 圖 6 消息提示框 Fig. 6 Messagebox 華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 相鄰兩個(gè)界面之間切換時(shí),若后出現(xiàn)的界面大小小于先出現(xiàn)的界面大小,則第一個(gè)界面顯示蒙版即表示為禁用狀態(tài),如圖 5 和圖 6。 記事本軟鍵盤(pán)界面設(shè)計(jì): 如圖 7 所示, 軟鍵盤(pán)需要對(duì)文本編輯區(qū)進(jìn)行輸入操作,所以軟鍵盤(pán)界面盡量要小一些,以免影響了文本編輯區(qū)的使用,但同時(shí)也需要保證軟鍵盤(pán)上字符的清晰顯示,故軟鍵盤(pán)界面大小為設(shè)定為 320*130。按鍵布局與物理鍵盤(pán)基本一致,按鍵布局美觀,同時(shí)鍵盤(pán)的邊緣相對(duì)寬一些,便于鍵盤(pán)的移動(dòng)。 圖 7 軟鍵盤(pán)界面 Fig . 7 Soft keyboard interface 記事本結(jié)構(gòu)設(shè)計(jì) 文 件 列 表建 立 新 文 件功 能 選 擇功 能 選 擇刪 除 文 件打 開(kāi) 文 件讀 取 文 件 內(nèi) 容軟 鍵 盤(pán)輸 入 文 本功 能 選 擇選 擇 保 存修 改 后 文 件打 開(kāi) 列 表 中文 件 讀 取 內(nèi) 容讀 取 并 顯 示 下一 個(gè) 文 件 內(nèi) 容 圖 8 記事本結(jié)構(gòu)圖 Fig. 8 Notepad structural diagram 如圖 8 所示,文件列表界面是記事本的入口和出口。記事本通過(guò)調(diào)用文件列表功能菜單對(duì)文件執(zhí)行各種操作。在文件列表功能菜單中根據(jù)所選擇的菜單條目進(jìn)入相應(yīng)華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 的功能界面,如新建文件編輯界面、文件顯示內(nèi)容界面或刪除文件提示框界面等。各個(gè)界面都有自己的功能菜單,通過(guò)調(diào)用自己的功能菜單對(duì)當(dāng)前界面進(jìn)行下一步的操作,如當(dāng)新建文件界面顯示時(shí),可通過(guò)菜單進(jìn)行打開(kāi)文件操作和軟鍵盤(pán)輸入操作;當(dāng)打開(kāi)文件時(shí)在文件內(nèi)容的顯示界面上,可通過(guò)菜單進(jìn)行顯示下一個(gè)文件內(nèi) 容的操作和軟鍵盤(pán)編輯修改文件內(nèi)容的操作,并在文件內(nèi)容修改后,可通過(guò)修改文件提示框選擇是否保存修改后的文件內(nèi)容。 電子相冊(cè)架構(gòu)設(shè)計(jì) 電子相冊(cè)設(shè)計(jì)需求 電子相冊(cè)支持 jpg、 png、 gif、 xpm、和 bmp 格式圖片的瀏覽,并可以對(duì)圖片進(jìn)行放大、縮小或旋轉(zhuǎn)角度顯示。電子相冊(cè)還支持幻燈片模式瀏覽圖片,并可以對(duì)圖片進(jìn)行刪除等操作。 ( 1) 顯示圖片列表功能:在圖片文件所在目錄讀取所有擴(kuò)展名為 jpg、 xpm、png、 bmp、 gif 格式的圖片文件,并將讀取的文件按順序用相同大小的縮略圖的形式顯示在圖片列表界面上。如果圖片數(shù)量超過(guò) 當(dāng)前屏幕顯示范圍時(shí),可向下滾動(dòng)顯示。其它格式文件忽略不讀。 ( 2) 圖片選中顯示功能:在圖片列表中選定某個(gè)圖片時(shí),此圖片的縮略圖成凸起放大狀態(tài),表示選中此圖片并將對(duì)此圖片進(jìn)行操作。 ( 3) 刪除圖片功能:對(duì)當(dāng)前選中的圖片可執(zhí)行刪除操作,選擇刪除后會(huì)進(jìn)行刪除確認(rèn)提示,若選擇徹底刪除圖片則從物理設(shè)備上和圖片列表上將該圖片刪除。 ( 4) 瀏覽圖片功能:對(duì)選中的圖片可以執(zhí)行瀏覽的功能,若圖片原本大小超過(guò)圖片瀏覽區(qū)域(即相框)的大小,則會(huì)自動(dòng)調(diào)整變成適應(yīng)圖片瀏覽區(qū)域的最大尺寸。若圖片原本大小沒(méi)有超過(guò)圖片瀏覽區(qū)域大小,則以原始尺寸在圖片瀏覽區(qū) 域顯示??蓪?duì)打開(kāi)的圖片進(jìn)行放大、縮小、向左旋轉(zhuǎn)、向右旋轉(zhuǎn)、全屏模式與返回原始尺寸等一系列的瀏覽模式操作。 ( 5) 圖片放大功能:在當(dāng)前圖片尺寸大小的基礎(chǔ)上,圖片可逐級(jí)放大,以尺寸的 倍遞增,最大可放大到打開(kāi)圖片時(shí)顯示的初始尺寸的 3 倍。 ( 6) 圖片縮小功能:在當(dāng)前圖片尺寸大小的基礎(chǔ)上,圖片可逐級(jí)縮小。最小可縮小到打開(kāi)圖片時(shí)顯示的初始尺寸的 倍。 ( 7) 圖片旋轉(zhuǎn)功能:打開(kāi)圖片后,可在圖片的任意狀態(tài)下對(duì)圖片進(jìn)行旋轉(zhuǎn)操作??稍诋?dāng)前狀態(tài)下,將圖片向左或向右旋轉(zhuǎn),每次旋轉(zhuǎn)角度差值為 90176。圖片旋轉(zhuǎn)后會(huì)自動(dòng)適應(yīng)窗口大小,完整顯示圖片 。 ( 8) 圖片移動(dòng)功能:圖片執(zhí)行放大功能后,圖片可在瀏覽區(qū)域進(jìn)行移動(dòng)。 ( 9) 圖片全屏顯示功能:可以將圖片執(zhí)行全屏顯示。為了支持點(diǎn)擊操作,全屏顯示時(shí)不覆蓋相關(guān)功能按鈕。 華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) ( 10) 幻燈片模式自動(dòng)瀏覽功能:可從當(dāng)前選定的圖片開(kāi)始執(zhí)行自動(dòng)播放圖片功能,初始設(shè)定播放速度為 3 秒間隔,可以加速或減速播放。 ( 11) 給用戶提供友好的圖形 交互 界面,并合理安排界面元素布局, 使其美觀并且 方便用 戶操 作。 電子相冊(cè)界面設(shè)計(jì) 電子相冊(cè)列表界面設(shè)計(jì): 如圖 9 所示, 電子相冊(cè)圖片列表界面大小設(shè)定為 320*240。界面的上方顯示當(dāng)前選中的圖片的名字。中間的顯示區(qū)域以 4*3(即 4 列 3 排)格式對(duì)圖片的縮略圖進(jìn)行排列,被選中的圖片被突出放大顯示。界面的最下方為兩個(gè)按鈕,左側(cè)的是功能按鈕,右側(cè)的是返回按鈕,此界面上分別標(biāo)記為 “Option”和 “Exit”。 圖 9 圖片列表界面 Fig. 9 Picture list interface 電子相冊(cè)功能菜單設(shè)計(jì) : 如圖 10 所示, 功能菜單大小以菜單項(xiàng)的多少具體而定,但一定要小于圖片列表界面大小的尺寸。菜單上顯示可操作的功能選項(xiàng),并對(duì)選定的功能選項(xiàng)高亮顯示。界面的最下方為兩個(gè)按鈕,左側(cè)的是功 能按鈕,右側(cè)的是返回按鈕,此界面上分別標(biāo)記為“Select”和 “Cancel”。 圖 10 功能菜單 Fig. 10 Function menu 華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 相鄰兩個(gè)界面之間切換時(shí),若后出現(xiàn)的界面大小小于先出現(xiàn)的界面大小,則第一個(gè)界面顯示蒙版即表示為禁用狀態(tài),如圖 10。 電子相冊(cè)瀏覽界面設(shè)計(jì): 電子相冊(cè)瀏覽界面上方顯示所顯示圖片的文件名,圖片瀏覽區(qū)顯示具體要求下的圖片狀態(tài),如正常顯示的圖片(圖 11)、放大的圖片(圖 12)、縮小的圖片(圖 13)或旋轉(zhuǎn)的圖片(圖 14)等。界面的最 下方為兩個(gè)按鈕,左側(cè)的是功能按鈕,右側(cè)的是返回按鈕,此界面上分別標(biāo)記為 “Option”和 “Back”。 圖 11 正常顯示圖片瀏覽界面 Fig. 11 The normal size picture browsing interface 圖 12 放大圖片瀏覽界面 Fig. 12 Enlarged picture browsing interface 華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 圖 13 縮小圖片瀏覽界 面 Fig. 13 Minified the image brower interface 圖 14 圖片旋轉(zhuǎn)角度瀏覽界面 Fig. 14 Image rotation angle browsing interface 電子相冊(cè)結(jié)構(gòu)設(shè)計(jì) 如圖 15 所示,圖片列表界面為電子相冊(cè)的入口和出口。通過(guò)圖片列表功能菜單,可執(zhí)行打開(kāi)圖片進(jìn)行瀏覽的功能和刪除圖片的功能,并根據(jù)所選擇的功能進(jìn)入圖片瀏覽界面或顯示刪除文件提示框。進(jìn)入圖片瀏覽界面可通過(guò)圖片瀏覽功能菜單,對(duì)當(dāng)前顯示的圖 片執(zhí)行各種操作,從而進(jìn)入相應(yīng)的圖片瀏覽界面。放大圖片的顯示,縮小圖片的顯示,旋轉(zhuǎn)圖片的顯示,圖片全屏的顯示和自動(dòng)瀏覽圖片的顯示均將顯示在圖片瀏覽界面。而各種模式下的圖片瀏覽界面下,均可以通過(guò)功能菜單對(duì)其他瀏覽模式進(jìn)行選擇。 華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 圖 片 列 表刪 除 圖 片功 能 選 擇縮 小 顯 示 圖 片打 開(kāi) 圖 片全 屏 顯 示 圖 片 自 動(dòng) 瀏 覽 圖 片功 能 選 擇放 大 顯 示 圖 片圖 片 逆時(shí) 針 旋 轉(zhuǎn)圖 片 順時(shí) 針 旋 轉(zhuǎn)正 常 顯 示 圖 片 圖 15 電子相冊(cè)結(jié)構(gòu)圖 Fig. 15 Album structural diagram 3 算法設(shè)計(jì)和實(shí)現(xiàn) 記事本主要算法設(shè)計(jì)和實(shí)現(xiàn) 記事本類結(jié)構(gòu)設(shè)計(jì) N p M y t e x t e d i tN p M e s s a g e b o x N p N o t e p a d F o r m N p S a v e F o r mN p O p e n n o t e F o r m N p F u n c t i o n v i e w F o r m N p N e w n o t e F o r mN p O p e n o p t i o n F o r m N p N e w o p t i o n F o r mN p D e l e t e N o t e F o r mM y K e y b o a r dM y K e y 圖 16 記事本類圖 Fig. 16 Notepad class diagram 類圖說(shuō)明: NpNotepadForm 為記事本程序的主界面類,即顯示文件列表的類。 NpFunctionviewForm 為功能菜單的基類,也是文件列表功能菜單的實(shí)現(xiàn)類。 NpNewnoteForm 為新建文華中農(nóng)業(yè)大學(xué) 本科 畢業(yè)論文 (或設(shè)計(jì)) 件的功能實(shí)現(xiàn)類。 NpOpennoteForm 為打開(kāi)文件的功能實(shí)現(xiàn)類。 NpDeletenoteForm 為刪除文件的功能實(shí)現(xiàn)類。 NpNewoptionForm 為新建文件 功能菜單的實(shí)現(xiàn)類。 NpOpenoptionForm 為打開(kāi)文件功能菜單的實(shí)現(xiàn)類。 NpSaveForm 為文件名保存實(shí)現(xiàn)類。 NpMessagebox為內(nèi)容修改提示框的功能實(shí)現(xiàn)類。 MyKey是軟鍵盤(pán)上的按鈕的實(shí)現(xiàn)類, MyKeyboard為軟鍵盤(pán)功能實(shí)現(xiàn)類。 MyTextedit 是 Qt 類中 QTextEdit 類的子類,實(shí)現(xiàn)鍵盤(pán)響應(yīng)函數(shù)功能的權(quán)限升級(jí),即從 protected 升級(jí)為 public。 NpNotepadForm與 NpfunctionviewForm成單項(xiàng)關(guān)聯(lián)關(guān)系。 NpFunctionviewForm分別與 NpNewnoteForm、 NpOpennoteForm、 NpDeletenoteForm成單向關(guān)聯(lián)。 NpNewnoteForm與 NpNewoptionForm單項(xiàng)關(guān)聯(lián)。 NpOpennoteForm與 NpOpenoptionForm 雙向關(guān)聯(lián)。 NpOpenoptionForm與 NpDeletenoteForm、 MyKeyboard 分別為單向關(guān)聯(lián)。 NpNewnoteForm分別與 NpOpennoteForm和 MyKeyboard 單向關(guān)聯(lián)。