第七章用戶界面設(shè)計(jì)ppt課件

1、第七章第七章 用戶界面設(shè)計(jì)用戶界面設(shè)計(jì) 7.1 7.1 用戶界面概述用戶界面概述7.2 7.2 菜單設(shè)計(jì)菜單設(shè)計(jì)7.3 7.3 對(duì)話框設(shè)計(jì)對(duì)話框設(shè)計(jì) 7.4 7.4 工具欄工具欄 7.5 7.5 綜合運(yùn)用綜合運(yùn)用 7.6 7.6 自主學(xué)習(xí)自主學(xué)習(xí)鼠標(biāo)和鍵盤鼠標(biāo)和鍵盤本章目錄本章目錄本章目錄本章目錄7.1 7.1 用戶界面概述用戶界面概述例例7.1 記事本程序記事本程序菜單：下拉式菜單、彈出式菜單快捷菜單菜單：下拉式菜單、彈出式菜單快捷菜單對(duì)話框：通用對(duì)話框、自定義對(duì)話框?qū)υ捒颍和ㄓ脤?duì)話框、自定義對(duì)話框工具欄工具欄本章目錄本章目錄7.1 7.1 用戶界面概述用戶界面概述 界面設(shè)計(jì)預(yù)定義類界面設(shè)計(jì)

2、預(yù)定義類 System.Windows.Forms命名空間命名空間 界面元素界面元素控件控件控件控件菜單MenuStripContextMenuStrip下拉式菜單彈出式菜單通用對(duì)話框OpenFileDialogSaveFileDialogFontDialogColorDialog打開(kāi)文件對(duì)話框保存文件對(duì)話框字體對(duì)話框顏色對(duì)話框工具欄ToolStrip工具欄7.2 7.2 菜單設(shè)計(jì)菜單設(shè)計(jì)MenuStrip：下拉式菜單：下拉式菜單ContextMenuStrip：彈出式菜單：彈出式菜單本章目錄本章目錄重要屬性：重要屬性：(1)Text (1)Text 熱鍵熱鍵 & &熱鍵字符熱鍵字符 輸入：新

3、建輸入：新建(&N) (&N) 顯示：顯示：新建新建(N)(N) N N為熱鍵為熱鍵 分隔符分隔符 輸入：輸入：- -(2) ShortCut (2) ShortCut 設(shè)置快捷鍵。設(shè)置快捷鍵。(3) Checked (3) Checked 控制菜單項(xiàng)左邊能否顯示控制菜單項(xiàng)左邊能否顯示“重要事件：重要事件：菜單項(xiàng)的事件菜單項(xiàng)的事件Click Click 為菜單項(xiàng)編寫程序?yàn)椴藛雾?xiàng)編寫程序 本章目錄本章目錄例例7.2 設(shè)計(jì)例設(shè)計(jì)例7.1的程序的程序本章目錄本章目錄下拉式菜單的建立過(guò)程：下拉式菜單的建立過(guò)程：在窗體上放置一個(gè)在窗體上放置一個(gè)MainMenu控件控件設(shè)計(jì)菜單設(shè)計(jì)菜單設(shè)置菜單項(xiàng)的屬性設(shè)置

4、菜單項(xiàng)的屬性編寫菜單項(xiàng)的事件過(guò)程編寫菜單項(xiàng)的事件過(guò)程 本章目錄本章目錄彈出式菜單的建立過(guò)程：彈出式菜單的建立過(guò)程：在窗體上放置一個(gè)在窗體上放置一個(gè)ContextMenuStrip控件控件設(shè)計(jì)菜單設(shè)計(jì)菜單設(shè)置菜單項(xiàng)的屬性設(shè)置菜單項(xiàng)的屬性建立彈出式菜單與文件框之間的關(guān)聯(lián)建立彈出式菜單與文件框之間的關(guān)聯(lián) 編寫菜單項(xiàng)的事件過(guò)程編寫菜單項(xiàng)的事件過(guò)程 普通與下拉式菜單中的菜單項(xiàng)共享事件過(guò)程普通與下拉式菜單中的菜單項(xiàng)共享事件過(guò)程 修正修正“新建菜單項(xiàng)的事件過(guò)程假定彈出式菜單中新建菜單項(xiàng)的事件過(guò)程假定彈出式菜單中“新建菜單項(xiàng)稱號(hào)為新建菜單項(xiàng)稱號(hào)為PopFileNewSub FileNew_Click( ) H

5、andles FileNew.Click, PopFileNew.ClickTextBox1.Text = TextBox1.Focus()End Sub7.3 7.3 對(duì)話框設(shè)計(jì)對(duì)話框設(shè)計(jì) 通用對(duì)話框通用對(duì)話框 自定義對(duì)話框自定義對(duì)話框不能真正實(shí)現(xiàn)文件翻開(kāi)、文件存儲(chǔ)、設(shè)置顏不能真正實(shí)現(xiàn)文件翻開(kāi)、文件存儲(chǔ)、設(shè)置顏色、字體設(shè)置、打印等操作。色、字體設(shè)置、打印等操作。 假設(shè)想要實(shí)現(xiàn)這些功能那么需求編程實(shí)現(xiàn)。假設(shè)想要實(shí)現(xiàn)這些功能那么需求編程實(shí)現(xiàn)。翻開(kāi)對(duì)話框的方法：翻開(kāi)對(duì)話框的方法： ShowDialog例如：例如： OpenFileDialog1.ShowDialog前往值：前往值： Windows

6、.Forms.DialogResult.OK Windows.Forms.DialogResult.Cancel 本章目錄本章目錄1. 1. 翻開(kāi)文件對(duì)話框翻開(kāi)文件對(duì)話框控件：控件：OpenFileDialog重要屬性重要屬性 :(1) FileName包含途徑，包含途徑，Title不包含途徑不包含途徑 (2) Filter 確定所顯示文件的類型確定所顯示文件的類型 例如：例如：Text Files|*.txt|一切文件一切文件|*.* 顯示文本文件和一切文件顯示文本文件和一切文件(3) FilterIndex 決議文件列表框中顯示第幾組類型的文件決議文件列表框中顯示第幾組類型的文件(4) I

7、nitialDirectory 初始化途徑初始化途徑本章目錄本章目錄例例7.4 編寫一個(gè)運(yùn)用程序，彈出翻開(kāi)文件對(duì)話框，編寫一個(gè)運(yùn)用程序，彈出翻開(kāi)文件對(duì)話框， 從中選擇一個(gè)從中選擇一個(gè)BMP位圖文件，能在圖形框中顯位圖文件，能在圖形框中顯示該圖片示該圖片Sub Button1_Click( ) Handles Button1.ClickOpenFileDialog1.FileName = *.BmpOpenFileDialog1.InitialDirectory = C:WindowsOpenFileDialog1.Filter = Pictures(*.Bmp)|*.Bmp|All Files

8、(*.*)|*.*OpenFileDialog1.FilterIndex = 1 顯示顯示“翻開(kāi)文件對(duì)話框，并判別能否選擇了文件。翻開(kāi)文件對(duì)話框，并判別能否選擇了文件。If (OpenFileDialog1.ShowDialog() = Windows.Forms.DialogResult.OK) Then 利用利用Image.FromFile函數(shù)把圖片放入圖形框中。函數(shù)把圖片放入圖形框中。PictureBox1.Image = Image.FromFile(OpenFileDialog1.FileName)ElseMsgBox(沒(méi)有選擇文件！沒(méi)有選擇文件！)End IfEnd Sub本章目錄

9、本章目錄可以在屬性窗口中設(shè)置可以在屬性窗口中設(shè)置例例7.5 為例為例7.1中的中的“翻開(kāi)菜單項(xiàng)編寫事件過(guò)程翻開(kāi)菜單項(xiàng)編寫事件過(guò)程.Sub FileOpen_Click( ) Handles FileOpen.Click, Pop FileOpenDim InputData As StringOpenFileDialog1.FileName = *.txtOpenFileDialog1.InitialDirectory = c:OpenFileDialog1.Filter = Text Files(*.Txt)|*.Txt|All iles(*.*)|*.*OpenFileDialog1.Fil

10、terIndex = 2OpenFileDialog1.ShowDialog() 顯示顯示“翻開(kāi)文件對(duì)話框翻開(kāi)文件對(duì)話框FileOpen(1, OpenFileDialog1.FileName, OpenMode.Input)TextBox1.Text = Do While Not EOF(1)InputData = LineInput(1) 讀一行數(shù)據(jù)讀一行數(shù)據(jù)TextBox1.Text = TextBox1.Text + InputData + vbCrLfLoopFileClose(1) 封鎖文件封鎖文件End Sub本章目錄本章目錄可以在屬性窗口中設(shè)置可以在屬性窗口中設(shè)置2. 2. 保

11、管文件對(duì)話框保管文件對(duì)話框 控件：控件：SaveFileDialogSaveFileDialog屬性與屬性與OpenFileDialogOpenFileDialog控件根本一樣，控件根本一樣，特有屬性是特有屬性是DefaultExtDefaultExt 用于設(shè)置缺省的擴(kuò)展名用于設(shè)置缺省的擴(kuò)展名例例7.6 7.6 為例為例7.17.1中的中的“另存為菜單項(xiàng)編寫事件過(guò)程。另存為菜單項(xiàng)編寫事件過(guò)程。 有關(guān)文件的讀寫操作請(qǐng)參閱第八章。有關(guān)文件的讀寫操作請(qǐng)參閱第八章。Sub FileSaveAs_Click( ) Handles FileSaveAs.Click, PopFileSaveAs Sub F

12、ileSaveAs_Click( ) Handles FileSaveAs.Click, PopFileSaveAs SaveFileDialog1.FileName = Default.TxtSaveFileDialog1.FileName = Default.Txt 設(shè)置缺省文件名設(shè)置缺省文件名SaveFileDialog1.DefaultExt = Txt SaveFileDialog1.DefaultExt = Txt 設(shè)置缺省擴(kuò)展名設(shè)置缺省擴(kuò)展名SaveFileDialog1.ShowDialog() SaveFileDialog1.ShowDialog() 翻開(kāi)另存為對(duì)話框翻開(kāi)另存

13、為對(duì)話框FileOpen(1, SaveFileDialog1.FileName, OpenMode.Output)FileOpen(1, SaveFileDialog1.FileName, OpenMode.Output)Print(1, TextBox1.Text)Print(1, TextBox1.Text) 將文本框中的內(nèi)容寫入文件將文本框中的內(nèi)容寫入文件FileClose(1) FileClose(1) 封鎖文件封鎖文件End SubEnd Sub本章目錄本章目錄3. 3. 顏色對(duì)話框顏色對(duì)話框 控件：控件：ColorDialog重要屬性：重要屬性：Color 用戶選定的顏色，屬于用

14、戶選定的顏色，屬于Color構(gòu)造類型構(gòu)造類型 例例7.7 為例為例7.1中的中的“顏色菜單項(xiàng)編寫事件過(guò)程。顏色菜單項(xiàng)編寫事件過(guò)程。Sub FormatColor_Click() Handles FormatColor.Click, PopFormatColor.Click ColorDialog1.ShowDialog() 翻開(kāi)顏色對(duì)話框翻開(kāi)顏色對(duì)話框 TextBox1.ForeColor = ColorDialog1.ColorEnd Sub設(shè)置文件框前景顏色設(shè)置文件框前景顏色本章目錄本章目錄4. 4. 字體對(duì)話框字體對(duì)話框 控件：控件：FontDialogFontDialog例例7.8 為

15、例為例7.1中的中的“字體菜單項(xiàng)編寫事件過(guò)程。字體菜單項(xiàng)編寫事件過(guò)程。 Sub FormatFont_Click() Handles FormatFont.Click, PopFormatFont.Click FontDialog1.ShowDialog() 翻開(kāi)字體對(duì)話框翻開(kāi)字體對(duì)話框TextBox1.Font = FontDialog1.Font 設(shè)置字體設(shè)置字體End SubFontFont獲取選擇的字體獲取選擇的字體Color Color 選定的顏色選定的顏色ShowColor控制能否控制能否有有“顏色選項(xiàng)顏色選項(xiàng)本章目錄本章目錄5. 5. 自定義對(duì)話框自定義對(duì)話框 具有特殊屬性的窗體

16、具有特殊屬性的窗體 添加添加Windows窗體，設(shè)置屬性窗體，設(shè)置屬性 運(yùn)用運(yùn)用VB.NET提供的模板，如對(duì)話框、提供的模板，如對(duì)話框、“關(guān)于關(guān)于框等框等本節(jié)運(yùn)用第一種方法本節(jié)運(yùn)用第一種方法創(chuàng)建自定義對(duì)話框創(chuàng)建自定義對(duì)話框 (1) 添加窗體添加窗體 工程添加工程添加Windows窗體窗體 留意：一個(gè)工程中不能有一樣稱號(hào)的窗體留意：一個(gè)工程中不能有一樣稱號(hào)的窗體(2)設(shè)置屬性設(shè)置屬性 本章目錄本章目錄(3)設(shè)置啟動(dòng)窗體設(shè)置啟動(dòng)窗體 系統(tǒng)默許系統(tǒng)默許Form1為啟動(dòng)窗體。為啟動(dòng)窗體。 工程屬性命令設(shè)置啟動(dòng)窗體工程屬性命令設(shè)置啟動(dòng)窗體(4)窗體的實(shí)例化和顯示窗體的實(shí)例化和顯示 只需啟動(dòng)窗體實(shí)例化是由

17、只需啟動(dòng)窗體實(shí)例化是由VB.NET自動(dòng)完成自動(dòng)完成 其他窗體都是經(jīng)過(guò)代碼實(shí)例化并顯示的其他窗體都是經(jīng)過(guò)代碼實(shí)例化并顯示的例如，顯示窗體例如，顯示窗體Form2：Dim frm2 As New Form2 定義定義frm2為類為類Form2的對(duì)象變量，的對(duì)象變量，并創(chuàng)建一個(gè)實(shí)例賦予并創(chuàng)建一個(gè)實(shí)例賦予frmfrm2.Show() 也可以用命令也可以用命令frm2.ShowDialog()顯示顯示窗體窗體而不能用以下語(yǔ)句顯示而不能用以下語(yǔ)句顯示Form2：Form2. Show() 或或Form2. ShowDialog()緣由：緣由：Form2是一個(gè)類名，不是窗體稱號(hào)是一個(gè)類名，不是窗體稱號(hào)本章目

18、錄本章目錄重要方法重要方法(1)Show 以非方式方法顯示窗體以非方式方法顯示窗體 窗體對(duì)象窗體對(duì)象.Show() 非方式非方式 程序可繼續(xù)執(zhí)行程序可繼續(xù)執(zhí)行(2)ShowDialog 以方式方法顯示窗體以方式方法顯示窗體 窗體對(duì)象窗體對(duì)象.ShowDialog()方式方式 在封鎖該窗體后才干對(duì)其它窗體進(jìn)展操作在封鎖該窗體后才干對(duì)其它窗體進(jìn)展操作(3)Hide 將窗體暫時(shí)隱藏將窗體暫時(shí)隱藏(還在內(nèi)存中還在內(nèi)存中) 窗體對(duì)象窗體對(duì)象.Hide(4) Close 封鎖窗體，釋放內(nèi)存封鎖窗體，釋放內(nèi)存窗體對(duì)象窗體對(duì)象.Close留意：留意：Me 關(guān)鍵字關(guān)鍵字Me代表代碼所在的窗體代表代碼所在的窗體

19、Me.Close 封鎖本人封鎖本人本章目錄本章目錄與對(duì)話框的數(shù)據(jù)傳送與對(duì)話框的數(shù)據(jù)傳送 在模塊中定義公共變量，作為交換數(shù)據(jù)的場(chǎng)所。在模塊中定義公共變量，作為交換數(shù)據(jù)的場(chǎng)所。 例如：創(chuàng)建例如：創(chuàng)建Module1，然后在其中如下的變量：，然后在其中如下的變量： Public x As String例例7.9 為例為例7.1設(shè)計(jì)一個(gè)如圖設(shè)計(jì)一個(gè)如圖1.7.9所示的對(duì)話框，所示的對(duì)話框， 并且為并且為“協(xié)助關(guān)于協(xié)助關(guān)于編寫事件過(guò)程編寫事件過(guò)程Sub AboutDialog_Click( ) Handles AboutDialog.ClickDim Dialog As New Form2Dialog.S

20、howDialog()End Sub本章目錄本章目錄7.4 7.4 工具欄工具欄 控件：控件：ToolStrip ToolStrip控件是一個(gè)容器，控件是一個(gè)容器， 可以放置可以放置ToolStripBotton、ToolStripLabel等對(duì)象等對(duì)象 本章目錄本章目錄例例7.10 為例為例7.1配置一個(gè)工具欄配置一個(gè)工具欄(1) 建立建立ToolStrip控件控件(2) 創(chuàng)建圖標(biāo)按鈕創(chuàng)建圖標(biāo)按鈕 選擇選擇Button (3) 設(shè)置屬性設(shè)置屬性 Image屬性值是圖標(biāo)按鈕中顯示的圖像屬性值是圖標(biāo)按鈕中顯示的圖像 (4) 編寫事件過(guò)程編寫事件過(guò)程 普通與菜單項(xiàng)共享事件過(guò)程普通與菜單項(xiàng)共享事件過(guò)

21、程本章目錄本章目錄 “新建新建菜單項(xiàng)和菜單項(xiàng)和“新建新建圖標(biāo)按鈕的事件過(guò)程圖標(biāo)按鈕的事件過(guò)程Sub FileNew_Click( ) Handles FileNew.Click, PopFileNew.Click, ToolStripButton1.ClickTextBox1.Text = TextBox1.Focus()End Sub留意：留意：可以在工程編輯器中設(shè)置屬性可以在工程編輯器中設(shè)置屬性 在工具欄的屬性窗口選擇編輯器在工具欄的屬性窗口選擇編輯器 ToolStrip控件上還可以放置控件上還可以放置ToolStripLabel等對(duì)象。等對(duì)象。 ToolStripBotton還有一個(gè)主要

22、屬性是還有一個(gè)主要屬性是ToolTopText7.5 7.5 綜合運(yùn)用綜合運(yùn)用 例例7.11 7.11 如下圖程序：如下圖程序：“統(tǒng)計(jì)統(tǒng)計(jì)和和“終了終了沒(méi)有子菜單，中選擇沒(méi)有子菜單，中選擇“統(tǒng)計(jì)后，統(tǒng)計(jì)結(jié)果顯示在左圖的對(duì)話框中。統(tǒng)計(jì)后，統(tǒng)計(jì)結(jié)果顯示在左圖的對(duì)話框中。 本章目錄本章目錄綜合運(yùn)用綜合運(yùn)用 例例7.12 7.12 多重窗體運(yùn)用例如多重窗體運(yùn)用例如 本章目錄本章目錄7.6 7.6 自主學(xué)習(xí)自主學(xué)習(xí)鼠標(biāo)和鍵盤鼠標(biāo)和鍵盤 7.6.1 7.6.1 鼠標(biāo)鼠標(biāo)鼠標(biāo)事件鼠標(biāo)事件 需求留意事件發(fā)生在哪一個(gè)對(duì)象上需求留意事件發(fā)生在哪一個(gè)對(duì)象上ClickClick、DoubleClickDoubleCl

23、ick事件事件MouseDown MouseDown 按下恣意一個(gè)鼠標(biāo)按鈕時(shí)被觸發(fā)按下恣意一個(gè)鼠標(biāo)按鈕時(shí)被觸發(fā)MouseUp MouseUp 釋放恣意一個(gè)鼠標(biāo)按鈕時(shí)被觸釋放恣意一個(gè)鼠標(biāo)按鈕時(shí)被觸發(fā)發(fā)MouseMove MouseMove 挪動(dòng)鼠標(biāo)時(shí)被觸發(fā)挪動(dòng)鼠標(biāo)時(shí)被觸發(fā)本章目錄本章目錄鼠標(biāo)鼠標(biāo) 鼠標(biāo)事件過(guò)程中的參數(shù)鼠標(biāo)事件過(guò)程中的參數(shù)e e決議鼠標(biāo)的當(dāng)前形狀。決議鼠標(biāo)的當(dāng)前形狀。 e.X e.X、e.Ye.Y表示當(dāng)前鼠標(biāo)的位置；表示當(dāng)前鼠標(biāo)的位置； e.Button e.Button指示按下或釋放了哪個(gè)鼠標(biāo)按鈕，指示按下或釋放了哪個(gè)鼠標(biāo)按鈕， 枚舉常量枚舉常量含含 義義MouseButtons

24、.Left 按下或釋放了鼠標(biāo)左鍵按下或釋放了鼠標(biāo)左鍵MouseButtons.Right 按下或釋放了鼠標(biāo)右鍵按下或釋放了鼠標(biāo)右鍵MouseButtons.Middle 按下或釋放了鼠標(biāo)中鍵按下或釋放了鼠標(biāo)中鍵MouseButtons.None 沒(méi)有按下鼠標(biāo)按鈕沒(méi)有按下鼠標(biāo)按鈕本章目錄本章目錄鼠標(biāo)鼠標(biāo) 例例7.14 顯示鼠標(biāo)器指針?biāo)傅奈恢?。顯示鼠標(biāo)器指針?biāo)傅奈恢谩?例例7.15 設(shè)計(jì)一個(gè)最簡(jiǎn)單的畫圖程序。程序運(yùn)轉(zhuǎn)時(shí)，設(shè)計(jì)一個(gè)最簡(jiǎn)單的畫圖程序。程序運(yùn)轉(zhuǎn)時(shí)，按住鼠標(biāo)右鍵挪動(dòng)畫圓，按住鼠標(biāo)左鍵挪動(dòng)畫線。按住鼠標(biāo)右鍵挪動(dòng)畫圓，按住鼠標(biāo)左鍵挪動(dòng)畫線。 本章目錄本章目錄7.5.2 7.5.2 鍵盤鍵盤

25、 1. KeyPress事件事件 輸入輸入ACSII字符時(shí)發(fā)生，字符時(shí)發(fā)生， 參數(shù)參數(shù)e包含了與包含了與KeyPress事件相關(guān)的數(shù)據(jù)。事件相關(guān)的數(shù)據(jù)。 e.KeyChar 輸入的字符的輸入的字符的ASCII碼值。碼值。 例如，鍵盤輸入小寫例如，鍵盤輸入小寫A，e.KeyChar的值為的值為“a。 e.Handled 表示本次按鍵能否被處置過(guò)表示本次按鍵能否被處置過(guò) True:曾經(jīng)被處置過(guò)，不再處置，即怱略本次按鍵曾經(jīng)被處置過(guò)，不再處置，即怱略本次按鍵 False:傳送給傳送給Windows進(jìn)展常規(guī)處置。進(jìn)展常規(guī)處置。 利用這個(gè)特性可以在某些控件中過(guò)濾掉不允許的字符。利用這個(gè)特性可以在某些控件中過(guò)濾掉不允許的字符。 本章目錄本章目錄鍵盤