【教学课件】第七章用户界面设计

《【教学课件】第七章用户界面设计》由会员分享，可在线阅读，更多相关《【教学课件】第七章用户界面设计（30页珍藏版）》请在装配图网上搜索。

1、第七章第七章 用户界面设计用户界面设计 17.1 7.1 用户界面概述用户界面概述7.2 7.2 菜单设计菜单设计7.3 7.3 对话框设计对话框设计 7.4 7.4 工具栏工具栏 7.5 7.5 综合应用综合应用 7.6 7.6 自主学习自主学习鼠标和键盘鼠标和键盘本章目录本章目录2本章目录本章目录7.1 用户界面概述用户界面概述例例7.1 记事本程序记事本程序菜单：下拉式菜单、弹出式菜单（快捷菜单）菜单：下拉式菜单、弹出式菜单（快捷菜单）对话框：通用对话框、自定义对话框对话框：通用对话框、自定义对话框工具栏工具栏3本章目录本章目录7.1 用户界面概述用户界面概述 界面设计预定义类界面设计预

2、定义类 命名空间命名空间 界面元素界面元素控件控件控件控件菜单MenuStripContextMenuStrip下拉式菜单弹出式菜单通用对话框OpenFileDialogSaveFileDialogFontDialogColorDialog打开文件对话框保存文件对话框字体对话框颜色对话框工具栏ToolStrip工具栏47.2 菜单设计菜单设计MenuStrip：下拉式菜单下拉式菜单ContextMenuStrip：弹出式菜单弹出式菜单本章目录本章目录5重要属性：重要属性：(1)(1)Text 热键热键&热键字符热键字符 输入：输入：新建新建(&N)显示：显示：新建新建(N)N N为热键为热键

3、分隔符分隔符 输入：输入：-(2)(2)ShortCut 设置快捷键。设置快捷键。(3)(3)Checked 控制菜单项左边是否显示控制菜单项左边是否显示“”重要事件：重要事件：菜单项的事件菜单项的事件Click 为菜单项编写程序为菜单项编写程序 本章目录本章目录6例例7.2 设计例设计例7.1的程序的程序本章目录本章目录下拉式菜单的建立过程：下拉式菜单的建立过程：1)在窗体上放置一个在窗体上放置一个MainMenu控件控件2)设计菜单设计菜单3)设置菜单项的属性设置菜单项的属性4)编写菜单项的事件过程编写菜单项的事件过程 7本章目录本章目录弹出式菜单的建立过程：弹出式菜单的建立过程：1)在窗

4、体上放置一个在窗体上放置一个ContextMenuStrip控件控件2)设计菜单设计菜单3)设置菜单项的属性设置菜单项的属性4)建立弹出式菜单与文件框之间的关联建立弹出式菜单与文件框之间的关联 5)编写菜单项的事件过程编写菜单项的事件过程 一般与下拉式菜单中的菜单项一般与下拉式菜单中的菜单项共享事件过程共享事件过程 修改修改“新建新建”菜单项的事件过程（假定弹出式菜单中菜单项的事件过程（假定弹出式菜单中“新建新建”菜单项名称为菜单项名称为PopFileNew）Sub FileNew_Click()Handles FileNew.Click,PopFileNew.ClickTextBox1.Te

5、xt=TextBox1.Focus()End Sub87.3 对话框设计对话框设计 通用对话框通用对话框 自定义对话框自定义对话框不能真正实现文件打开、文件存储、设置颜不能真正实现文件打开、文件存储、设置颜色、字体设置、打印等操作。色、字体设置、打印等操作。如果想要实现这些功能则需要编程实现。如果想要实现这些功能则需要编程实现。打开对话框的方法：打开对话框的方法：ShowDialog例如：例如：OpenFileDialog1.ShowDialog返回值：返回值：本章目录本章目录91.打开文件对话框打开文件对话框控件：控件：OpenFileDialog重要属性重要属性:(1)FileName包含

6、路径，包含路径，Title不包含路径不包含路径(2)Filter 确定所显示文件的类型确定所显示文件的类型 例如：例如：Text Files|*.txt|所有文件所有文件|*.*显示文本文件和所有文件显示文本文件和所有文件(3)FilterIndex 决定文件列表框中显示第几组类型的文件决定文件列表框中显示第几组类型的文件(4)InitialDirectory 初始化路径初始化路径本章目录本章目录10例例7.4 编写一个应用程序，弹出打开文件对话框，编写一个应用程序，弹出打开文件对话框，从中选择一个从中选择一个BMP位图文件，能在图形框中显位图文件，能在图形框中显示该图片示该图片Sub But

7、ton1_Click()Handles Button1.ClickOpenFileDialog1.FileName=*.BmpOpenFileDialog1.InitialDirectory=C:WindowsOpenFileDialog1.Filter=Pictures(*.Bmp)|*.Bmp|All Files(*.*)|*.*OpenFileDialog1.FilterIndex=1 显示显示“打开文件打开文件”对话框，并判断是否选择了文件。对话框，并判断是否选择了文件。If(OpenFileDialog1.ShowDialog()=)Then 利用利用Image.FromFile函数

8、把图片放入图形框中。函数把图片放入图形框中。PictureBox1.Image=Image.FromFile(OpenFileDialog1.FileName)ElseMsgBox(没有选择文件！没有选择文件！)End IfEnd Sub本章目录本章目录可以在属性窗口中设置可以在属性窗口中设置11例例7.5 为例为例7.1中的中的“打开打开”菜单项编写事件过程菜单项编写事件过程.Sub FileOpen_Click()Handles FileOpen.Click,Pop FileOpenDim InputData As StringOpenFileDialog1.FileName=*.txtO

9、penFileDialog1.InitialDirectory=c:OpenFileDialog1.Filter=Text Files(*.Txt)|*.Txt|All iles(*.*)|*.*OpenFileDialog1.FilterIndex=2OpenFileDialog1.ShowDialog()显示显示“打开文件打开文件”对话框对话框FileOpen(1,OpenFileDialog1.FileName,OpenMode.Input)TextBox1.Text=Do While Not EOF(1)InputData=LineInput(1)读一行数据读一行数据TextBox1.

10、Text=TextBox1.Text+InputData+vbCrLfLoopFileClose(1)关闭文件关闭文件End Sub本章目录本章目录可以在属性窗口中设置可以在属性窗口中设置122.保存文件对话框保存文件对话框 控件：控件：SaveFileDialog属性与属性与OpenFileDialog控件基本相同，控件基本相同，特有属性是特有属性是DefaultExt 用于设置缺省的扩展名用于设置缺省的扩展名例例7.6 为例为例7.1中的中的“另存为另存为”菜单项编写事件过程菜单项编写事件过程。有关文件的读写操作请参阅第八章。有关文件的读写操作请参阅第八章。Sub FileSaveAs_C

11、lick()Handles FileSaveAs.Click,PopFileSaveAs SaveFileDialog1.FileName=Default.Txt 设置缺省文件名设置缺省文件名SaveFileDialog1.DefaultExt=Txt 设置缺省扩展名设置缺省扩展名SaveFileDialog1.ShowDialog()打开另存为对话框打开另存为对话框FileOpen(1,SaveFileDialog1.FileName,OpenMode.Output)Print(1,TextBox1.Text)将文本框中的内容写入文件将文本框中的内容写入文件FileClose(1)关闭文件关

12、闭文件End Sub本章目录本章目录133.颜色对话框颜色对话框 控件：控件：ColorDialog重要属性：重要属性：Color 用户选定的颜色，属于用户选定的颜色，属于Color结构类型结构类型 例例7.7 为例为例7.1中的中的“颜色颜色”菜单项编写事件过程菜单项编写事件过程。Sub FormatColor_Click()Handles FormatColor.Click,PopFormatColor.Click ColorDialog1.ShowDialog()打开颜色对话框打开颜色对话框 TextBox1.ForeColor=ColorDialog1.ColorEnd Sub设置文件

13、框前景颜色设置文件框前景颜色本章目录本章目录144.字体对话框字体对话框 控件：控件：FontDialog例例7.8 为例为例7.1中的中的“字体字体”菜单项编写事件过程。菜单项编写事件过程。Sub FormatFont_Click()Handles FormatFont.Click,PopFormatFont.Click FontDialog1.ShowDialog()打开字体对话框打开字体对话框TextBox1.Font=FontDialog1.Font 设置字体设置字体End SubFont获取选择的字体获取选择的字体Color 选定的颜色选定的颜色ShowColor控制是否有控制是否有

14、“颜色颜色”选项选项本章目录本章目录155.自定义对话框自定义对话框 具有特殊属性的窗体具有特殊属性的窗体 添加添加Windows窗体，设置属性窗体，设置属性 使用使用VB.NET提供的模板，如对话框、提供的模板，如对话框、“关于关于”框等框等本节使用第一种方法本节使用第一种方法创建自定义对话框创建自定义对话框(1)添加窗体添加窗体 项目添加项目添加Windows窗体窗体 注意：一个项目中不能有相同名称的窗体注意：一个项目中不能有相同名称的窗体(2)设置属性设置属性 本章目录本章目录16(3)设置启动窗体设置启动窗体 系统默认系统默认Form1为启动窗体。为启动窗体。项目属性项目属性命令设置启

15、动窗体命令设置启动窗体(4)窗体的实例化和显示窗体的实例化和显示 只有启动窗体实例化是由只有启动窗体实例化是由VB.NET自动完成自动完成 其他窗体都是通过代码实例化并显示的其他窗体都是通过代码实例化并显示的例如，显示窗体例如，显示窗体Form2：Dim frm2 As New Form2 定义定义frm2为类为类Form2的对象变量，并创建一个实例赋予的对象变量，并创建一个实例赋予frmfrm2.Show()也可以用命令也可以用命令frm2.ShowDialog()显示窗体显示窗体而不能用下列语句显示而不能用下列语句显示Form2：Form2.Show()或或Form2.ShowDialog

16、()原因：原因：Form2是一个类名，不是窗体名称是一个类名，不是窗体名称本章目录本章目录17重要方法重要方法(1)Show 以以非模式方法显示窗体非模式方法显示窗体 窗体对象窗体对象.Show()非模式非模式 程序可继续执行程序可继续执行(2)ShowDialog 以以模式方法显示窗体模式方法显示窗体 窗体窗体对对象象.ShowDialog()模式模式 在关闭该窗体后才能对其它窗体进行操作在关闭该窗体后才能对其它窗体进行操作(3)Hide 将窗体暂时隐藏将窗体暂时隐藏(还在内存中还在内存中)窗体窗体对对象象.Hide(4)Close 关闭窗体，释放内存关闭窗体，释放内存窗体对象窗体对象.Cl

17、ose注意：注意：Me 关键字关键字Me代表代码所在的窗体代表代码所在的窗体 Me.Close 关闭自己关闭自己本章目录本章目录18与对话框的数据传递与对话框的数据传递 在模块中定义公共变量，作为交换数据的场所。在模块中定义公共变量，作为交换数据的场所。例如：创建例如：创建Module1，然后在其中如下的变量：，然后在其中如下的变量：Public x As String例例7.9 为例为例7.1设计一个如图所示的对话框，设计一个如图所示的对话框，并且为并且为“帮助关于帮助关于”编写事件过程编写事件过程Sub AboutDialog_Click()Handles AboutDialog.Clic

18、kDim Dialog As New Form2Dialog.ShowDialog()End Sub本章目录本章目录197.4 工具栏工具栏 控件：控件：ToolStrip ToolStrip控件是一个容器，控件是一个容器，可以放置可以放置ToolStripBotton、ToolStripLabel等对象等对象 本章目录本章目录例例7.10 为例为例7.1配置一个工具栏配置一个工具栏(1)建立建立ToolStrip控件控件(2)创建图标按钮创建图标按钮 选择选择Button(3)设置属性设置属性 Image属性值是图标按钮中显示的图像属性值是图标按钮中显示的图像(4)编写事件过程编写事件过程

19、一般与菜单项共享事件过程一般与菜单项共享事件过程20本章目录本章目录“新建新建”菜单项和菜单项和“新建新建”图标按钮的事件过程图标按钮的事件过程Sub FileNew_Click()Handles FileNew.Click,PopFileNew.Click,ToolStripButton1.ClickTextBox1.Text=TextBox1.Focus()End Sub注意：注意：可以在项目编辑器中设置属性可以在项目编辑器中设置属性 在工具栏的属性窗口选择在工具栏的属性窗口选择编辑器编辑器 ToolStrip控件上还可以放置控件上还可以放置ToolStripLabel等对象。等对象。To

20、olStripBotton还有一个主要属性是还有一个主要属性是ToolTopText217.5 综合应用综合应用 例例7.117.11 如图所示程序：如图所示程序：“统计统计”和和“结束结束”没有子菜单，当选没有子菜单，当选择择“统计后，统计结果显示在左图的对话框中。统计后，统计结果显示在左图的对话框中。本章目录本章目录22综合应用综合应用 例例7.127.12 多重窗体应用示例多重窗体应用示例 本章目录本章目录237.6 自主学习自主学习鼠标和键盘鼠标和键盘 7.6.1 鼠标鼠标鼠标事件鼠标事件 需要注意事件发生在哪一个对象上需要注意事件发生在哪一个对象上Click、DoubleClick事

21、件事件MouseDown 按下任意一个鼠标按钮时被触发按下任意一个鼠标按钮时被触发MouseUp 释放任意一个鼠标按钮时被触发释放任意一个鼠标按钮时被触发MouseMove 移动鼠标时被触发移动鼠标时被触发本章目录本章目录24鼠标鼠标 鼠标事件过程中的参数鼠标事件过程中的参数e决定鼠标的当前状态。决定鼠标的当前状态。e.Xe.X、e.Ye.Y表示当前鼠标的位置；表示当前鼠标的位置；e.Button指示按下或释放了哪个鼠标按钮，指示按下或释放了哪个鼠标按钮，枚举常量枚举常量含含 义义MouseButtons.Left 按下或释放了鼠标左键按下或释放了鼠标左键MouseButtons.Right

22、按下或释放了鼠标右键按下或释放了鼠标右键MouseButtons.Middle 按下或释放了鼠标中键按下或释放了鼠标中键MouseButtons.None 没有按下鼠标按钮没有按下鼠标按钮本章目录本章目录25鼠标鼠标 例例7.14 显示鼠标器指针所指的位置。显示鼠标器指针所指的位置。例例7.15 设计一个最简单的画图程序。程序运行时，设计一个最简单的画图程序。程序运行时，按住鼠标右键移动画圆，按住鼠标左键移动画线。按住鼠标右键移动画圆，按住鼠标左键移动画线。本章目录本章目录267.5.2 键盘键盘 1.KeyPress事件事件 输入输入ACSII字符时发生，字符时发生，参数参数e包含了与包含了

23、与KeyPress事件相关的数据。事件相关的数据。e.KeyChar 输入的字符的输入的字符的ASCII码值。码值。例如，键盘输入小写例如，键盘输入小写A，e.KeyChar的值为的值为“a”。e.Handled 表示本次按键是否被处理过表示本次按键是否被处理过 True:已经被处理过，不再处理，即怱略本次按键已经被处理过，不再处理，即怱略本次按键 False:传送给传送给Windows进行常规处理。进行常规处理。利用这个特性可以在某些控件中过滤掉不允许的字符。利用这个特性可以在某些控件中过滤掉不允许的字符。本章目录本章目录27键盘键盘 2.KeyDown事件和事件和KeyUp事件事件当焦点在

24、某个对象时，用户按下键盘上的任一键，便会当焦点在某个对象时，用户按下键盘上的任一键，便会引发该对象引发该对象KeyDown事件，释放按键便触发事件，释放按键便触发KeyUp事事件。件。参数参数e包含了所按键信息包含了所按键信息(及及Shift、Ctrl、Alt键的状态键的状态)。e.KeyCode的值为的值为操作的物理键。操作的物理键。例例7.217.21编写一个程序，按下编写一个程序，按下Alt+F5Alt+F5组合键可终止程序的组合键可终止程序的运行运行本章目录本章目录28本章小节本章小节常用控件常用控件单选按钮、复选框、框架、列表框、组合框单选按钮、复选框、框架、列表框、组合框、滚滚动条

25、、进度条动条、进度条、定时器定时器、超链接超链接通用对话框通用对话框菜单菜单下拉式菜单下拉式菜单 MainMenu弹出式菜单弹出式菜单 ContextMext两个窗体之间访问两个窗体之间访问 通过通过窗体对象实例窗体对象实例.控件控件 或或模块级公共变量模块级公共变量29思考题思考题1.有哪几种方法可以在列表框添加选项？有哪几种方法可以在列表框添加选项？2如如果果要要一一个个定定时时器器每每半半分分钟钟产产生生一一个个Tick控控件件，则则InterVal属性应设置为多少？属性应设置为多少？3 3在在VB.NET中，使用什么方法访问网页？中，使用什么方法访问网页？4 4代代码码中中如如何何判判断断用用户户在在通通用用对对话话框框中中选选择择了了“取取消消”按按钮钮？5创创建建弹弹出出菜菜单单需需要要什什么么控控件件？通通过过什什么么属属性性才才能能将将控控件件与与弹出菜单建立关联？弹出菜单建立关联？6 6什么是模式对话框？什么是非模式对话框？什么是模式对话框？什么是非模式对话框？7 7简述窗体之间数据互访如何才能实现？简述窗体之间数据互访如何才能实现？本章目录本章目录30