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