計算機高級程序設(shè)計第五章-在線瀏覽
2024-12-20 10:49本頁面
【正文】 應(yīng)用領(lǐng)域需求分析，強調(diào)人 — 機 — 環(huán)境三者作為一個系統(tǒng)進行總體設(shè)計。 ? 有了 GUI，極大地方便了非專業(yè)用戶的使用。 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 19 GUI的組成 ? 桌面： 桌面是 界面中最底層，有時也指包括窗口、文件瀏覽器在內(nèi)的 “ 桌面環(huán)境 ” 。桌面與既存的文件夾構(gòu)成里面相違背，所以要以特殊位置的文件夾的參照形式來定義內(nèi)容。 ? 墻紙： 即桌面背景。 ? 視窗 /窗體 /窗口： 應(yīng)用程序為使用數(shù)據(jù)而在圖形用戶界面中設(shè)置的基本單元。通常在窗口四周設(shè)有菜單、圖標(biāo)，數(shù)據(jù)放在中央。 ? 單一文件界面： 在窗口中，一個數(shù)據(jù)在一個窗口內(nèi)完成的方式。若要在其他應(yīng)用程序的窗口使用數(shù)據(jù)，將相應(yīng)生成新的窗口。 ? 多文件界面： 在一個窗口之內(nèi)進行多個數(shù)據(jù)管理的方式。 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 20 GUI的組成 ? 標(biāo)簽： 多文件界面的數(shù)據(jù)管理方式中使用的一種界面，將數(shù)據(jù)的標(biāo)題在窗口中并排，通過選擇標(biāo)簽標(biāo)題顯示必要的數(shù)據(jù)，這樣使得接入數(shù)據(jù)方式變得更為便捷。而在其他環(huán)境中，通常多是單文件界面，所以無所謂單一 /多文件界面的稱呼問題。一般置于畫面的最上方或者最下方，應(yīng)用程序能使用的所有命令幾乎全部都能放入。命定的層次根據(jù)應(yīng)用程序的不同而不同，一般重視文件的操作、編輯功能，因此放在最左邊，然后往右有各種設(shè)置等操作，最右邊往往設(shè)有幫助。 ? 即時菜單： 又稱功能表。根據(jù)調(diào)出位置的不同，菜單內(nèi)容即時變化，列出所指示的對象目前可以進行的操作。 ? 數(shù)據(jù)管理程序： 即在文件夾中用戶數(shù)據(jù)的管理、進行特定數(shù)據(jù)管理的程序的情況下，數(shù)據(jù)通過圖標(biāo)顯示出來。另外，點擊數(shù)據(jù)的圖標(biāo)，一般可以之間完成啟動相關(guān)應(yīng)用程序以后再顯示數(shù)據(jù)本身這兩個步驟的工作。 ? 按鈕： 菜單中，利用程度高的命令用圖形表示出來，配置在應(yīng)用程序中，成為按鈕。一些使用程度高的命令，不必通過菜單一層層翻動才能調(diào)出，極大提高了工作效率。 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 21 GUI 應(yīng)用領(lǐng)域和賽事 ? 手機通訊移動產(chǎn)品 ? 電腦操作平臺 ? 軟件產(chǎn)品 ? PDA產(chǎn)品 ? 數(shù)碼產(chǎn)品 ? 車載系統(tǒng)產(chǎn)品 ? 智能家電產(chǎn)品 ? 游戲產(chǎn)品 ? 產(chǎn)品的在線推廣 ? 國際性競賽 ? 國際上每兩年舉行一次 GUI錦標(biāo)賽的的界面競賽。 2020年大賽共有世界各國 26 個團隊參加，參與 9 個項目，爭奪共計一萬二千美元的獎金（包括 XBox 360、 Nvidia 顯卡在內(nèi)的實物獎品）。 ? 2020GUI錦標(biāo)賽我國獲獎情況 ? 我國設(shè)計師獲得了 1金 3銀 3銅的好成績。 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 22 ? 控件特指程序運行時有一個圖形化表示的組件，它可以被添加到窗體或?qū)υ捒蛏弦詫崿F(xiàn)人機交互。窗體可以是一個對話框、 SDI窗口、 MDI窗口。 ? 在 MFC中，每一種控件都有其對應(yīng)的 MFC控件類，而所有的控件類都派生于 CWnd類，通過控件類開發(fā)人員可以很容易地實現(xiàn)對控件的控制和對控件事件和處理。 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 23 使用控件的步驟 （ 1）準(zhǔn)備對話框：對話框相當(dāng)于控件的容器 （ 2）添加控件：從工具箱中將控件添加到對話框上； （ 3）設(shè)置控件的屬性。 （ 4）映射控制變量或?qū)ο螅涸诔绦蛑校丶仨氂成錇橐粋€值變量(value)或控件對象 (control)。例如一個文本編輯框可以映射為 CString值或 CEdit對象 , CString是一個字符串，而 CEdit是 MFC為文本編輯框?qū)ｉT準(zhǔn)備的控件類。應(yīng)編制好響應(yīng)函數(shù)。 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 24 案例：靜態(tài)控件的使用 ? 靜態(tài)控件包括 靜態(tài)文本控件 和 靜態(tài) picture控件 兩種，用于顯示要在對話框中出現(xiàn)的文本和圖片。修改 ID值可在靜態(tài)控件的 “ 屬性 ” 窗口中進行。 （ 3）重載對話框類的 OnInitDialog()函數(shù)，在函數(shù)中為picture控件加載位圖。 （ 4）返回 “ 解決方案資源管理器 ” 窗口，雙擊打開主頭文件 “ ” ，添加包含定義對話框的頭文件 “ include ” “ ” ，并定義一個指針對象 CMyDialog *dlg。 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 26 定義指針變量 添加包含語句 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 27 （ 4）雙擊打開應(yīng)用程序 “ ” ，在初始化函數(shù) “ BOOL CStaticControlApp::InitInstance()” 中找到下面位置后添加語句。見下圖所示。這里導(dǎo)入了一個襯衣 .bmp位圖。 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 29 西南交通大學(xué)經(jīng)濟管理學(xué)院：何耀琴 30 （ 6）展開資源視圖樹形結(jié)構(gòu)，雙擊新添加的類模板 IDD_DIALOG1，打開 Dialog模板。 （ 8）選擇 “ 視圖 ” → “ 其他窗口 ” → “ 屬性窗口 ” ，打開屬性窗口。 （ 10）選中 picture控件，由于所有靜態(tài)變量控件的 ID都被設(shè)置成了 IDC_STATIC，因此，如果要為靜態(tài)控件添加控制變量或事件處理函數(shù)，必須修改 ID值。 （ 11）這里將其 ID值修改為 “
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1