《用戶界面設(shè)計》PPT課件.ppt

《《用戶界面設(shè)計》PPT課件.ppt》由會員分享，可在線閱讀，更多相關(guān)《《用戶界面設(shè)計》PPT課件.ppt（73頁珍藏版）》請在裝配圖網(wǎng)上搜索。

VisualC 程序設(shè)計基礎(chǔ)XXXXXX大學(xué)計算機系基礎(chǔ)教研室 第六章用戶界面設(shè)計 6 1常用控件6 2列表框和組合框6 3用戶交互界面小結(jié)和習(xí)題 6 1常用控件 System Windows Forms命名空間中的控件 6 1常用控件 System Windows Forms命名空間中的控件 6 1常用控件 System Windows Forms命名空間中的控件 6 6 1 1單選按鈕 RadioButton 單選按鈕控件是一個能開能關(guān)的控件 通常由兩個以上的單選按鈕組成選項組 但這些單選按鈕在同一時刻只能選一個 重要屬性 Text屬性按鈕上顯示的文本Checked屬性表示單選按鈕的狀態(tài) True 被選定False 未被選定 6 1常用控件 7 重要事件 Click事件單擊后 使Checked屬性為TrueCheckedChanged事件當某個單選按鈕的狀態(tài)被發(fā)生變化 該事件隨之被觸發(fā) 本章目錄 6 1 1單選按鈕 8 重要屬性 CheckState屬性表示復(fù)選框狀態(tài)Unchecked未選定Checked被選定Indeterminate不確定重要事件 ClickCheckedChanged 6 1 2復(fù)選框 CheckBox 9 包括面板控件 Panel 分組控件 GroupBox 和多頁面控件 TabControl 先建立框架 然后將各控件放置其中 1 面板控件Panel面板可以響應(yīng)Click和DoubleClick事件 但一般不需要編寫事件過程 本章目錄 6 1 3框架 10 2 分組框GroupBox分組控件把其他的控件組織在一起形成控件組 當框架移動時 控件可以相應(yīng)地移動 框架隱藏時 控件也一起隱藏 重要屬性 Text屬性 給分組框加一個標題 使用戶了解分組框的用途 本章目錄 6 1 3框架 11 3 TabControl控件TabControl控件很像一個卡片盒或一組文件標簽 將一些相關(guān)內(nèi)容組織在一個選項卡中 在同一個窗口區(qū)域通過選擇標簽轉(zhuǎn)換顯示不同的選項卡 TabControl可以響應(yīng)Click和DoubleClick事件 但該控件只是用來做界面的切換 很少對它們的事件進行處理 本章目錄 6 1 3框架 6 1 4應(yīng)用實例 例6 1 編寫計算機選課程序課程有三個等級 第一門課是基礎(chǔ)課 第二門課是語言課 都為限選 第三門應(yīng)用課是任選課 學(xué)生每選一門課 學(xué)生的選課情況立即顯示在下面的多行文本框中 13 6 2 1列表框 ListBox 列表框可顯示多個選項供用戶選擇 不能直接修改其中的內(nèi)容 如果選項的數(shù)量超過可顯示的區(qū)域 列表框會自動地增加滾動條 本章目錄 6 2列表框和組合框 ListBox控件常用的屬性 1 ItemsItems是一個集合是ArrayList類對象Items中選項的序號是從0開始的 Items屬性既可以在設(shè)計狀態(tài)設(shè)置 也可以在程序中設(shè)置 ListBox1 Items 3 ListBox控件常用的屬性 2 SelectionMode設(shè)置用戶是否能夠在列表項中做多個選擇None 不允許選擇 One 只能單選而不允許有多項選擇 MultiSimple 允許有簡單的多項選擇 MultiExtended 允許有擴展式多項選項 即用戶使用 Shif 單擊 或 Shift 方向鍵 可以將先前的選項擴展到當前選項 使用 Ctrl 單擊 可以進行各項選擇 16 3 SelectedIndex表示在程序運行時被選定的項的序號 只能在程序中設(shè)置或引用 如果未選中任何選項 則SelectedIndex為 1 SelectedIndex 3 本章目錄 ListBox控件常用的屬性 17 4 SelectedItem列表中選中的字符串 如允許多選 該屬性返回選擇的索引號最小的條目 如一個也沒選 該值為空 5 SelectedItems獲取包含ListBox中當前選定項的集合 本章目錄 ListBox控件常用的屬性 18 6 MultiColumnListBox是否支持多列 如果設(shè)置為True 則列表框支持多行顯示 默認認為False 7 Sorted程序運行期間列表框或組合框的選項是否按字母表順序排序 如果Sorted為True 則選項按字母表順序顯示 本章目錄 ListBox控件常用的屬性 ListBox控件常用的方法 1 Items Add對象 Items Add 選項 把一個選項加入列表框例如 ListBox1 Items Add 王濤 2 Items Remove對象 Items Remove 選項 從列表框中刪除指定的項例如 ListBox1 Items Remove 李明 20 ListBox控件常用的方法 3 Items Insert對象 Insert Index Item 在列表框中插入指定的項 Index表示在列表框中插入的位置 例如 ListBox1 Insert 4 趙明 4 Items Clear對象 Items Clear用于清除列表框的所有項目例如 ListBox1 Items Clear 21 6 2 2組合框 ComboBox 組合框是文本框和列表框組合而成的控件 可以在文本框輸入字符 其右側(cè)有一個向下的箭頭 單擊此箭頭可以打開一個列表框 可以從列表框中選擇希望輸入的內(nèi)容 它有三種不同類型 本章目錄 6 2列表框和組合框 ComboBox控件常用的屬性 Items 同列表框Sorted 同列表框SelectedItem 同列表框SelectedIndex 同列表框MaxDropDownItems 下拉列表能顯示的最大條目數(shù) 1 100 如果實際條目數(shù)大于此數(shù) 將出現(xiàn)滾動條 ComboBox控件常用的事件 Click DoubleClickSelectedIndexChanged 在SelectedIndex屬性更改后發(fā)生 6 2 3應(yīng)用實例 例6 2 編寫選課程序 利用列表框和組合框增加和刪除相關(guān)課程 并統(tǒng)計學(xué)時數(shù) 6 3用戶交互界面 用戶界面的作用是負責(zé)管理與用戶之間的交互 向用戶顯示數(shù)據(jù) 從用戶處獲得數(shù)據(jù) 解釋由用戶操作所引發(fā)的事件 并幫助用戶查看任務(wù)的進度 6 3 1滾動條和進度條 滾動條 ScrollBar 通常附在窗體上協(xié)助觀察數(shù)據(jù)或確定位置 也可作為數(shù)據(jù)輸入工具 滾動條有水平 HScrollBar 和垂直 VScrollBar 兩種 進度條 ProgressBar 用來指示事務(wù)處理的進度 滾動條的主要屬性 1 Value屬性 Value值的大小決定了滾動條中滑塊的位置 反過來滑塊的位置也影響值的大小 在程序中使用該屬性的語法如下 Object value number 2 Minimum 最小值 屬性 將滑塊移到滾動條的最左端或最上端時 滾動條的屬性值達到最小 默認值為0 3 Maxinum 最大值 屬性 將滑塊移到滾動條的最右端或最下端時 滾動條的屬性值達到最大 默認值為100 滾動條的主要屬性 4 Smallchange 小變化 屬性 當用鼠標在滾動條端點的某一箭頭上單擊時 屬性值就相應(yīng)地增加或減少 屬性的設(shè)置值是用戶每單擊一次鼠標 屬性增加或減少的量 5 Largechange 大變化 屬性 當用鼠標在滾動條端點與滑塊之間的任一位置單擊時 屬性值就相應(yīng)地大幅增加或減少 屬性的設(shè)置值是用戶每單擊一次鼠標 屬性增加或減少的量 滾動條的事件 1 ValueChanged事件當通過Scroll事件或以編程方式更改Value屬性時發(fā)生 2 Scroll事件在通過鼠標或鍵盤操作移動滾動框后發(fā)生 進度條 ProgressBar 進度條 控件使用矩形方塊從左至右顯示某一過程的進程情況 屬性 1 Maximum Minimum 讀取或設(shè)置進度條的最大 小計數(shù)值 2 Value用于讀取或設(shè)置進度條的當前計數(shù)值 在對ProgressBar編程時 必須先確定Value屬性上限 例如 下載文件 可將Maximum設(shè)置為文件長度 在該文件下載過程中 將Value屬性設(shè)置為文件已經(jīng)下載的字節(jié)數(shù) 進度條的常用事件 Click MouseDown和MouseMove 例6 3 滾動條和進度條應(yīng)用 用水平滾動條來設(shè)定參與運算的序列的長度 用進度條顯示不同長度序列的處理進度不同 6 3 2定時器 定時器以一定的時間間隔產(chǎn)生Tick事件屬性Enabled 為False時定時器不產(chǎn)生Tick事件Interval觸發(fā)Tick事件的間隔 單位ms事件定時器控件只有一個Tick事件產(chǎn)生Tick事件條件 Enabled True Interval 0方法Start Stop 定時器實例 例6 4 實時時鐘 6 3 3菜單設(shè)計 1菜單設(shè)計概述菜單有下拉式菜單和彈出菜單 上下文菜單 下拉式菜單的組成結(jié)構(gòu) 菜單設(shè)計概述 VS2008 NET的菜單類包括MenuStrip ToolStrip ContextMenuStrip StatusStrip四種控件 MenuStrip為菜單條 ToolStrip為工具條 ContextMenuStrip是快捷菜單 StatusStrip是狀態(tài)條 主要給讀者介紹MenuStrip和ContextMenuStrip的使用 MenuStrip控件的圖標為 ContextMenuStrip控件的圖標為 熱鍵 當按住ALT鍵后 再按頂級菜單項的熱鍵字符 可以打開該頂級菜單項的彈出菜單 編輯 E 快捷鍵 用戶可以不打開主菜單 只要按住Ctrl鍵不放 再按快捷鍵字符 MenuStrip的常見屬性 AllowItemReorder 默認值為False 當更改該屬性值為True時 按下ALT鍵的同時可以用鼠標拖動各菜單項以調(diào)整其在菜單欄上的左右位置 Dock屬性 指示菜單欄在窗體中出現(xiàn)的位置 默認值為Top GripStyle屬性 是否顯示菜單欄的指示符 即縱向排列的多個凹點 默認值為Hidden 當更改該屬性值為Visible時 顯示位置由GripMargin屬性指定 MenuStrip的常見屬性 Items 用于編輯菜單欄上顯示的各菜單項 單擊Items屬性后 按鈕 彈出 項集合編輯器 對話框 MenuStrip的常見屬性 ShowItemToolTips 是否顯示MenuStrip的工具提示 Stretch 指示只是MenuStrip是否在其容器中從一端拉伸到另一端 MenuStrip的常用事件 ItemClicked 當單擊菜單欄上各主菜單項時觸發(fā)的操作 LayoutCompleted 當菜單欄上各主菜單項的排列順序發(fā)生變化之后觸發(fā)的操作 使用該事件時 AllowItemReorder屬性必須設(shè)為True 即當程序運行時 按下Alt鍵重新排列菜單欄上各主菜單項的順序之后觸發(fā)該事件 菜單項ToolStripMenuItem 屬性 Name 菜單項的名字 Checked 指示菜單項是否被選中 默認值為False CheckOnClick 決定單擊菜單項時是否使其選中狀態(tài)發(fā)生改變 默認值為false 即單擊菜單項不會影響其Checked屬性 CheckState 指示菜單項的狀態(tài) 與復(fù)選框CheckBox控件的CheckState屬性相同 共有3個屬性值 Checked Unchecked和Indeterminate 菜單項ToolStripMenuItem 屬性 DisplayStyle 指示菜單項上的顯示內(nèi)容 共有4個屬性值 None Text Image和ImageAndText 默認值為ImageAndText DropDownItems 單擊該屬性后的 按鈕 調(diào)出 項集合編輯器 對話框 以此編輯該菜單項對應(yīng)的子菜單中的各菜單項 Image 指定在該菜單項上顯示的圖標 ImageScaling 指定是否調(diào)整圖標大小 默認屬性值為SizeToFit 即調(diào)整圖標大小以適應(yīng)菜單項 該屬性的另一個屬性值為None 即不調(diào)整圖標大小 菜單項ToolStripMenuItem 屬性 ShortCutKeys 為菜單項指定快捷鍵 單擊該屬性后的下拉按鈕 出現(xiàn)設(shè)置頁面 用于設(shè)置菜單項的快捷組合鍵 該屬性的默認值為None 菜單項ToolStripMenuItem 屬性 ShowShortCutKeys 指示是否在菜單項上顯示快捷鍵 默認值為True 即在菜單項上按照ShortCutKeys屬性的設(shè)置顯示快捷鍵 Text屬性 指示菜單項標題 ToolTipText屬性 控件的ToolTip文本 菜單項ToolStripMenuItem 事件 Click事件 單擊菜單項時觸發(fā) DropDownClosed 關(guān)閉菜單項的子菜單時觸發(fā)的操作 DropDownItemClicked 單擊菜單項的子菜單中任何一項時觸發(fā)的操作 DropDownOpened 菜單項的子菜單打開之后觸發(fā)的操作 DropDownOpening 打開菜單項的子菜單時觸發(fā)的操作 彈出菜單ContextMenuStrip 屬性 AllowTransparency 是否能調(diào)整窗體的不透明度 AutoClose 是否能在不激活時自動關(guān)閉 AutoSize 是否能自動調(diào)整大小 DefaultDropDownDirection 控件的顯示方向 DisplayRectangle 獲取顯示區(qū)域的矩形 彈出菜單ContextMenuStrip 屬性 DropShadwnEnabled 是否顯示三維陰影的值 Items 獲取ToolStrip的所有子項 LayoutStyle 是否子項的顯示方式 Opacity 確定窗體的不透明度 OwnerItem 為此ToolStripDropDown所有者的ToolStripItem Region 與ToolStripDropDown關(guān)聯(lián)的窗口區(qū)域 彈出菜單ContextMenuStrip 屬性 ShowCheckMargin 是否在ToolStripMenuItem的左邊緣顯示選中標記的位置 ShowImageMargin 是否在ToolStripMenuItem的左邊緣顯示圖像的位置 SourceControl 獲取上一個使此ContextMenuStrip被顯示的控件 TextDirection 指定項上的文本繪制方向 創(chuàng)建主菜單 例6 5 文本編輯器 創(chuàng)建彈出菜單 主菜單通過窗體的MainMenuStrip屬性設(shè)定其主菜單 菜單可以通過窗體中對象的ContextMenuStrip屬性設(shè)定某個彈出菜單綁定到此對象 給文本框tbContent綁定彈出菜單 tbContent ContextMenuStrip ContextMenuStrip1 6 3 4鼠標事件 MouseDown 如果鼠標位于控件區(qū)域 按下鼠標按鍵 MouseUp 如果鼠標位于控件區(qū)域 抬起鼠標按鍵 MouseMove 如果鼠標在控件區(qū)域移動 MouseEnter 鼠標進入控件區(qū)域 MouseLeave 鼠標離開控件區(qū)域 6 3 4鼠標事件 鼠標事件處理函數(shù)一般有兩個參數(shù) objectsender 產(chǎn)生該事件的對象的屬性Name的值 例如 為Form1的MouseDown事件增加事件函數(shù) 單擊Form1 第一個參數(shù)sender代表Form1對象 System Windows Forms MouseEventArgse 代表事件的一些信息 事件不同 所代表的信息也不相同 鼠標按下事件處理函數(shù)中 e X為發(fā)生事件時鼠標位置的x坐標 e Y為發(fā)生事件時鼠標位置的y坐標 e Button為MouseButtons Left 表示單擊了鼠標左鍵等等 Right和Middle則分別代表右鍵和中間鍵 e Clicks為鼠標單擊的次數(shù) 如果大于2次 則為雙擊 鼠標事件應(yīng)用 例6 6 在窗體中的指定區(qū)域 單擊或雙擊鼠標左鍵或右鍵 用Label控件顯示鼠標的事件和位置 6 3 5對話框設(shè)計 在圖形用戶界面中 對話框是一種特殊的窗體向用戶顯示信息獲得用戶的響應(yīng)在C NET中 對話框根據(jù)其用途可以分為消息框 通用對話框和打印組件三大類 消息框 C 中通過MessageBox類實現(xiàn)消息框的定義 MessageBox Show 歡迎 MessageBox Show 大家晚上好 問候 MessageBox Show 是否繼續(xù) 警告 MessageBoxButtons YesNoCancel 消息框 C 中通過MessageBox類實現(xiàn)消息框的定義 MessageBox Show 程序發(fā)生錯誤 警告 MessageBoxButtons RetryCancel MessageBoxIcon Warning MessageBox Show 程序發(fā)生錯誤 警告 MessageBoxButtons RetryCancel MessageBoxIcon Warning MessageBoxDefaultButton Button2 通用對話框 利用通用對話框類控件可在窗體上創(chuàng)建打開文件 保存文件 顏色 字體 打印設(shè)置 打印預(yù)覽等對話框 通用對話框 通用對話框控件繼承了System Windows Forms CommonDialog類 NETFramewrek中提供了多個常用的對話框控件和對應(yīng)的類 打開文件和保存文件 屬性 Filter 字符串類型 選擇在對話框中顯示的文件類型 Filter 純文本文件 txt txt 所有文件 FilterIndex 表示打開對話框后 對話框的文件類型 T 下拉列表編輯框的下拉列表中首先被選中的項的索引號 可以在設(shè)計階段在屬性窗口修改屬性FilterIndex和Filter 也可在程序中用下列語句修改 openFileDialog1 Filter 純文本文件 txt txt 所有文件 openFileDialog1 FilterIndex 1 打開文件和保存文件 屬性 FileName 用戶選取的文件的路徑和文件名 InitialDirectory 打開對話框首先顯示該屬性指定的文件夾中的文件 CheckPathExists 在對話框返回之前 檢查指定路徑是否存在 DefaultExt 如果用戶未指定擴展名 自動增加屬性指定的文件擴展名 RestoreDirectory 控制對話框在關(guān)閉之前是否恢復(fù)當前目錄 ShowHelp 啟用 幫助 按鈕 Title 將顯示在對話框標題欄中的字符 ValiDateNames 控制對話框檢查文件名中是否不含有無效的字符或序列 打開文件和保存文件 事件 FileOk 用戶點擊 打開 或 保存 按鈕時要處理的事件 HelpRequest 當用戶點擊 幫助 按鈕時要處理的事件 方法 ShowDialog 打開對話框 根據(jù)方法的返回值確定用戶單擊了那個按鈕 如返回DialogResult Cancle 用戶單擊了忽略按鈕 如返回DialogResult OK 用戶單擊了打開或保存按鈕 Reset 將所有屬性重新設(shè)置為默認值 顏色對話框 ColorDialog 屬性Color 用來設(shè)置和獲取用戶選定的顏色 字體對話框 FontDialog 屬性 ShowColor 控制是否顯示顏色選項 AllowScriptChange 是否顯示字體的字符集Font在對話框顯示的字體 AllowVerticalFonts 是否可選擇垂直字體 Color 在對話框中選擇的顏色 FontMustExist 字體不存在時是否顯示錯誤 MaxSize 可選擇的最大字號 MinSize 可選擇的最小字號 字體對話框 FontDialog 屬性 ScriptsOnly 指示對話框是否允許為所有非OEM和Symbol字符集以及ANSI字符集選擇字體 ShowApply 是否顯示 應(yīng)用 按鈕 ShowEffects 是否顯示下劃線 刪除線 字體顏色選項 ShowHelp 是否顯示 幫助 按鈕 字體對話框 FontDialog 事件 Apply 點擊 應(yīng)用 按鈕時要處理的事件 HelpRequest 點擊 幫助 按鈕時要處理的事件 方法 ShowDialog 打開對話框 Reset 將所有屬性重新設(shè)置為默認值 打印組件 PrintDocument類是用于完成打印的類 屬性DocumentName 字符串類型 記錄打印文檔時顯示的文檔名 方法Print 開始文檔的打印 事件BeginPrint 在調(diào)用Print方法后 在打印文檔的第一頁之前發(fā)生 事件PrintPage 需要打印新的一頁時發(fā)生 事件EndPrint 在文檔的最后一頁打印后發(fā)生 打印組件 打印步驟 創(chuàng)建PrintDocument組件的對象 使用頁面設(shè)置對話框PageSetupDialog設(shè)置頁面打印方式 這些設(shè)置作為要打印的所有頁的默認設(shè)置 使用打印對話框PrintDialog設(shè)置對文檔進行打印的打印機的參數(shù) 調(diào)用PrintDocument Print方法來實際打印文檔 打印組件 事件處理 引發(fā)事件 BeginPrint PrintPage EndPrint 其中每打印一頁都引發(fā)PrintPage事件 打印多頁 要多次引發(fā)PrintPage事件 程序員應(yīng)為這3個事件編寫事件處理函數(shù) BeginPrint事件處理函數(shù)進行打印初始化 一般設(shè)置在打印時所有頁的相同屬性或共用的資源 例如所有頁共同使用的字體 建立要打印的文件流等 PrintPage事件處理函數(shù)負責(zé)打印一頁數(shù)據(jù) EndPrint事件處理函數(shù)進行打印善后工作 打印設(shè)置對話框 用戶使用此對話框能夠設(shè)置紙張大小 類型 紙張來源 縱向與橫向打印 上下左右的頁邊距等 pageSetupDialog1 Document printDocument1 pageSetupDialog1 ShowDialog 打印預(yù)覽對話框 printPreviewDialog1 Document printDocument1 printPreviewDialog1 ShowDialog 打印對話框 PrintDialog 首先設(shè)置其屬性Document為指定的PrintDocument類對象 打開PrintDialog對話框后 修改的設(shè)置將保存到PrintDocument類的對象中 當用戶點擊 確定 按鈕后調(diào)用PrintDocument類的Print 方法實現(xiàn)打印 6 3 6應(yīng)用實例 例6 7 文本編輯器的實現(xiàn) 實現(xiàn)一個類似于Windows寫字板的程序 本章小結(jié) 常用控件單選按鈕 復(fù)選框 框架 列表框 組合框 滾動條 進度條 定時器菜單設(shè)計MenuStrip和ContextMenuStrip對話框消息框MessageBox通用對話框CommonDialog打印組件 習(xí)題 1 選擇題 P 19 1 20 2 填充題 1 15 3 編程題 1 3