（本科）第8章 视图界面设计ppt课件.pptx

《（本科）第8章 视图界面设计ppt课件.pptx》由会员分享，可在线阅读，更多相关《（本科）第8章 视图界面设计ppt课件.pptx（37页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、课程主讲人：第8章 视图界面设计第8章 视图界面设计3案例引入4【例8-1】记事本。实现文本的打开、保存等编辑功能分析：根据题目要求，添加菜单和工具栏，编写菜单项、工具栏的事件过程，实现各种编辑功能。（1）窗体中设计一个MenuStrip控件，一个ContextMenuStrip控件，一个ToolStrip工具栏控件，一个TextBox控件，四个通用对话框控件：OpenFileDialog对话框控件， SaveFileDialog对话框控件，FontDialog对话框控件，ColorDialog对话框控件。（2）利用通用对话框实现打开文件、保存文件、颜色、字体等设置。（3）利用文本框的Cut、

2、Copy、Paste等方法，实现文本框内容的编辑功能。（4）文本框的ContextMenuStrip属性设置为ContextMenuStrip1。（5）窗体Resize事件，使得窗体大小改变时，文本框随之调整大小。8.1 菜单5通过工具箱添加菜单控件MenuStrip和ContextMenuStrip，可以设计下拉式菜单和弹出式菜单。8.1.1 MenuStrip控件61.1.主要属性主要属性属性说明Name菜单名称，创建菜单项时，系统会自动为每一个菜单项赋予以菜单标题加菜单类型的名称。例如菜单项“文件”，默认名称为“文件ToolStripMenuItem”Text菜单项标题内容，在作为热键的

3、字符前加&，可以设置菜单项的热键。例如，输入“文件(&F)”，菜单项显示为“文件(F)”ShortcutKeys设置该菜单项的快捷键，快捷键显示在菜单项标题的后面，程序运行时，按下快捷键可以立即执行对应的菜单命令。可以选择修饰符（Ctrl，Alt，Shift）。Enabled菜单项是否可用，True表示可用，False表示当前禁止使用CheckedBoolean类型，设置为True，则菜单项前面显示“”8.1.2 ContextMenuStrip控件7ContextMenuStrip用来创建弹出式菜单，一般通过鼠标右键单击弹出，弹出式菜单是独立于主菜单的浮动菜单。8.1.3 下拉式菜单81.1

4、.窗体添加窗体添加MenuStripMenuStrip控件控件92.2.添加菜单中的各个菜单项添加菜单中的各个菜单项103.3.设置菜单项属性设置菜单项属性114.4.设置菜单项事件设置菜单项事件菜单项的主要事件是Click12【例8-2】选色。8.1.4 弹出式菜单13【例8-3】文本编辑。分析：根据题目要求，创建弹出式菜单。（1）窗体添加ContextMenuStrip控件，设计各个菜单项，设置菜单项属性。（2）添加文本框控件，将文本框ContextMenuStrip属性设置为ContextMenuStrip1，建立弹出式菜单与文本框的关联。（3）编写事件过程，利用文本框的Cut、Copy

5、、Paste等方法，实现文本框内容的编辑功能。8.2 通用对话框14一般语句形式如下：对话框控件名. ShowDialog()例如，要显示打开对话框：OpenFileDialog1. ShowDialog()8.2.1 打开文件对话框15属性说明FileName用户在对话框中选定或输入的路径和文件名Title对话框标题，默认值“打开”Filter过滤器，用于确定文件列表框中所显示文件的类型FilterIndex过滤器索引，用户在文件类型列表框中选定了第几组文件类型InitialDirectory初始目录，指定打开文件对话框的初始目录位置CheckFileExists用户指定不存在的文件名，对话

6、框是否显示警示DefaultExt默认文件扩展名Multiselect是否允许同时选择多个文件16【例8-4】照片查看器。Public Class Form1 Private Sub Button1_Click(.) Handles Button1.Click OpenFileDialog1.ShowDialog()显示“打开文件”对话框 PictureBox1.Image = Image.FromFile(OpenFileDialog1.FileName)放入图片 End SubEnd Class8.2.2 保存文件对话框17另存为文件对话框通过SaveFileDialog控件来实现8.2.

7、3 字体对话框18属性说明Font选定的字体，包括字形、大小和效果ShowApply设置是否包含“应用”按钮ShowColor设置是否显示“颜色”下拉列表框ShowEffects设置是否包含允许用户指定删除线、下划线和文本颜色选项的控件8.2.4 颜色对话框19颜色对话框通过ColorDialog控件来实现20【例8-5】文本编辑。8.3 工具栏和状态栏21用户通过工具栏更方便快捷的实现各种操作，通过状态栏获得软件或系统信息。8.3.1 工具栏221.ToolStrip1.ToolStrip控件常用属性控件常用属性属性说明LayoutStyle设置工具栏各项如何显示，默认为水平显示Items工

8、具栏所有项的集合ShowItemToolTip是否显示工具栏上的工具提示232.ToolStrip2.ToolStrip控件图标按钮控件图标按钮名称说明Button是否显示图片和文本的按钮Label可显示图片的标签SplitButton右边带有下拉按钮的按钮DropDownButton右边带有下拉数组的按钮Separator水平或垂直分隔线ComboBox添加一个组合框TextBox添加一个文本框ProgressBar添加一个进度条243.3.工具栏按钮的常用属性工具栏按钮的常用属性属性说明Image设置显示在按钮上的图片Text设置显示在按钮上的文本DisplayStyle设置按钮上是否显示

9、图片和文本TextImageRation设置按钮上图片与文本的位置ToolTipText设置程序运行时鼠标指向按钮时的提示文本254.4.工具栏按钮的事件工具栏按钮的事件工具栏上的按钮主要事件是Click事件8.3.2 状态栏26【例8-6】在例8-1基础上，给记事本底部添加状态栏。8.4 多重窗体27一个应用程序中可以包含有多个窗体，每个窗体有自己的用户界面和程序代码。8.4.1 添加窗体288.4.2 设置启动窗体298.4.3 窗体的实例化301.1.窗体实例化窗体实例化Dim 窗体对象名 As New 窗体类2.2.窗体的方法窗体的方法（1）Show方法。显示窗体，例如：Form2.S

10、how()（2）ShowDialog方法。将窗体作为模式对话框显示，直到关闭或隐藏后才能对其他窗口进行操作，例如：Form3.ShowDialog()（3）Hide方法。隐藏窗体，例如：Form1.Hide()（4）Close方法。关闭窗体，并释放窗体所占用的资源，例如：Me.Close()31【例8-7】欢迎界面。本例包含两个窗体： Form1欢迎界面， Form2登录界面。（1）Form1窗体作为主窗体Public Class Form1 Private Sub Button1_Click(.) Handles Button1.Click Me.Hide() Form2.ShowDialo

11、g() End Sub Private Sub Button2_Click(.) Handles Button2.Click End End SubEnd Class32（2）Form2窗体用户登录。Public Class Form2 Private Sub Button1_Click(.) Handles Button1.Click If TextBox1.Text = admin And TextBox2.Text = 123456 Then MsgBox(登录成功, , 提示) Else MsgBox(用户名或密码错误, , 提示) TextBox1.Text = TextBox2.T

12、ext = Me.Hide() Form1.Show() End If End Sub Private Sub Button2_Click(.) Handles Button2.Click Me.Hide() Form1.Show() End SubEnd Class8.5 鼠标与键盘33程序运行时，用户使用鼠标或按下键盘，会发生与鼠标和键盘相关的事件。8.5.1 鼠标事件341.MouseDown1.MouseDown事件事件 Private Sub 对象_MouseDown(ByVal sender As Object, ByVal e As_ System.Windows.Forms.M

13、ouseEventArgs) Handles Me.MouseDown2.MouseUp2.MouseUp事件事件Private Sub Form1_MouseUp(ByVal sender As Object, ByVal e As_ System.Windows.Forms.MouseEventArgs) Handles Me.MouseUp3.MouseMove3.MouseMove事件事件Private Sub Form1_MouseMove(ByVal sender As Object, ByVal e As_ System.Windows.Forms.MouseEventArgs)

14、 Handles Me.MouseMove35【例8-8】文字闪烁。窗体状态栏显示坐标，鼠标按下和松开时文字会闪烁变化（1）MouseDown事件，鼠标按下时标签Label1背景色改变，文字放大。（2）MouseUp事件，鼠标松开文字还原。（3）MouseMove事件，鼠标移动时，状态栏获得鼠标指针所指位置。8.5.2 键盘事件361.KeyPress1.KeyPress事件事件Private Sub 对象_KeyPress(ByVal sender As Object, ByVal e As_ System.Windows.Forms.KeyPressEventArgs) Handles T

15、extBox1.KeyPress2.KeyDown2.KeyDown事件和事件和KeyUpKeyUp事件事件 Private Sub Form1_KeyDown(ByVal sender As Object, ByVal e As_ System.Windows.Forms.KeyEventArgs) Handles Me.KeyDown37【例8-9】打字练习。分析：根据题目要求， 单击“开始”按钮激活TextBox1文本框，进行打字练习。（1）标签控件Label1用于显示练习文章，Label2用于显示提示字符。（2）文本框TextBox1输入正确，显示当前输入的字符；如果输入错误，显示要输入的正确字符。