武汉职业技术学院：《Visual Basic程序设计》第四章 常用控件

《 Visual basic程序设计》精品课程电子教案 第四章常用控件 教学内容 本章讨论 Visual basic中最常见的一些控件,如清单类控件,单选框和复选按钮,列 表框、组合框,图像类控件,如图片框和图像框、计时器、滚动条等 二、目的要求 1.熟悉复选框、单选框,学会使用复选框单选框编写程序 2.熟悉图片框、图像框的使用方法 3.熟悉列表框、组合框 4.计时器、滚动条 三、教学重点与难点 教学重点:单选框、复选框、列表框 教学难点:组合框。 四、教学方法 多媒体教学为主。适当提问,加深学生对概念的理解 本章12课时

《Visual Basic 程序设计》精品课程电子教案 1 第四章 常用控件 一、教学内容 本章讨论 Visual Basic 中最常见的一些控件，如清单类控件，单选框和复选按钮，列 表框、组合框，图像类控件，如图片框和图像框、计时器、滚动条等。 二、目的要求 1．熟悉复选框、单选框，学会使用复选框单选框编写程序； 2．熟悉图片框、图像框的使用方法； 3．熟悉列表框、组合框； 4．计时器、滚动条。 三、教学重点与难点 教学重点：单选框、复选框、列表框。 教学难点：组合框。 四、教学方法 多媒体教学为主。适当提问，加深学生对概念的理解。 本章 12 课时

《 Visual basic程序设计》精品课程电子教案 第一讲单选框和复选框(2学时) 教学内容 单选框和复选框。 二、目的要求 熟悉单选框、复选框的常见属性、方法和事件, 三、教学重点与难点 教学盦点:单选框、复选框的属性、方法、事件。 教学难点:事件。 四、教学方法 多媒体教学。 五、教学过程 4.1清单类按控件 4.1.1单选框和复选框 单选框:顾名思义,就是几个单选框只能选取一个。如果需要多选,应该将单选框分 组进行,此时要用到 Frame框架 复选框:可以用于多选多。多个选项之间互不影响。 单选框和复选框如图4-1。 Form2 C Option C Option2 图4-1左边是单选框,右边是复选框 1.单选框 2

《Visual Basic 程序设计》精品课程电子教案 2 第一讲 单选框和复选框（2 学时） 一、教学内容 单选框和复选框。 二、目的要求 熟悉单选框、复选框的常见属性、方法和事件。 三、教学重点与难点 教学重点：单选框、复选框的属性、方法、事件。 教学难点：事件。 四、教学方法 多媒体教学。 五、教学过程 4．1 清单类按控件 4.1.1 单选框和复选框 单选框：顾名思义，就是几个单选框只能选取一个。如果需要多选，应该将单选框分 组进行，此时要用到 Frame 框架； 复选框：可以用于多选多。多个选项之间互不影响。 单选框和复选框如图 4-1。 图 4-1 左边是单选框，右边是复选框 1． 单选框

《 Visual basic程序设计》精品课程电子教案 单选框常见的属性 Caption:单选框的标题 Name:单选框的名称; Value:单选框被选中的时候 Value值为True,不被选中的时候 Value值为 False。是 单选框最重要的属性 Enabled:单选框是否有效,值为True时表示单选框有效,值为 False表示单选框无 BackColor和 ForeColor:标题的背景颜色和前景颜色 单选框的事件: Click:只要单选框的 Value值从 False变为True就发生 Click事件。 2.复选框最常见的属性: Name属性、 Caption属性、 Forecolor属性、 Backcolor属性、 Visible属性、 Enabled 属性等与单选框类似。 Value:属性值为1时表示选定了复选框,此时,复选框中有勾,值为0时,表示未选 中复选框,此时复选框中没有勾。值为2时表示复选框暂时无效 复选框的事件: Click事件:复选框的 Value值发生改变就发生 Click事件, 六、小结 单选框和复选框的 Click事件是需要理解的重点,很容易出错。单选框和复选框的 Value属性最重要,学生们一定要掌握 七、作业 第二讲之后布置

《Visual Basic 程序设计》精品课程电子教案 3 单选框常见的属性： Caption:单选框的标题； Name：单选框的名称； Value:单选框被选中的时候 Value 值为 True，不被选中的时候 Value 值为 False。是 单选框最重要的属性； Enabled：单选框是否有效，值为 True 时表示单选框有效，值为 False 表示单选框无 效； BackColor 和 ForeColor：标题的背景颜色和前景颜色； 单选框的事件： Click：只要单选框的 Value 值从 False 变为 True 就发生 Click 事件。 2．复选框最常见的属性： Name 属性、Caption 属性、ForeColor 属性、BackColor 属性、Visible 属性、Enabled 属性等与单选框类似。 Value：属性值为 1 时表示选定了复选框，此时，复选框中有勾，值为 0 时，表示未选 中复选框，此时复选框中没有勾。值为 2 时表示复选框暂时无效； 复选框的事件： Click 事件：复选框的 Value 值发生改变就发生 Click 事件， 六、小结 单选框和复选框的 Click 事件是需要理解的重点，很容易出错。单选框和复选框的 Value 属性最重要，学生们一定要掌握。 七、作业 第二讲之后布置

《 Visual basic程序设计》精品课程电子教案 第二讲 Frame和使用单选框、复选框编写程序(2学时) 教学内容 使用单选框和复选框的编程 二、目的要求 会使用单选框复选框编写程序 三、教学重点与难点 教学重点:使用这两个控件编写程序。 教学难点:使用这两个控件编写程序。 四、教学方法 多媒体教学。 五、教学过程 4.1.2 Frame控件 Frame控件用于将单选框分组,这样就可以在多个单选框中选择多个选项了。 Frame还 用于美观界面。 Frame属性有 Caption属性、Font类属性等等 程序举例 本程序是一个字体设置的程序,该程序用到单选框、复选框和框架 I.设计界面 在窗体中添加单选框若干、复选框若干、框架、标签等,界面如图4-2所示

《Visual Basic 程序设计》精品课程电子教案 4 第二讲 Frame 和使用单选框、复选框编写程序（2 学时） 一、教学内容 使用单选框和复选框的编程。 二、目的要求 会使用单选框复选框编写程序。 三、教学重点与难点 教学重点：使用这两个控件编写程序。 教学难点：使用这两个控件编写程序。 四、教学方法 多媒体教学。 五、教学过程 4．1．2 Frame 控件 Frame 控件用于将单选框分组，这样就可以在多个单选框中选择多个选项了。Frame 还 用于美观界面。 Frame 属性有 Caption 属性、Font 类属性等等。 程序举例： 本程序是一个字体设置的程序，该程序用到单选框、复选框和框架。 I.设计界面 在窗体中添加单选框若干、复选框若干、框架、标签等，界面如图 4-2 所示

《 Visual basic程序设计》精品课程电子教案 与.Form1 Label1 Fram C Option C Option3 Check1 C Option2 C Option 图4-2程序界面 I.设置属性 设置属性,设置各个控件的 Caption属性,设置属性后的界面如图4-3所示。 字型设置 大小 颜色 字形 C10号 C红色 厂粗体 C20号 C绿色 厂下划线 图4-3设置属性后的界面 IIL编写代码 编写代码如下: Private Sub Form Load o Optionl value True l on

《Visual Basic 程序设计》精品课程电子教案 5 图 4-2 程序界面 II.设置属性 设置属性，设置各个控件的 Caption 属性，设置属性后的界面如图 4-3 所示。 图 4-3 设置属性后的界面 III.编写代码 编写代码如下： Private Sub Form_Load() Option1.Value = True Option3.Value = True

《 Visual basic程序设计》精品课程电子教案 Labell Fontsize =10 Labell ForeColor bRed End sub Private Sub Checkl Click If Check Value 1 Then abell. Font bold true Labe ll Font Bold False End if End sub Private Sub Check2 Click O If Check2 Value =1 Then Labell. fontitalic true Labell. Fontitalic False End if End sub Private Sub Optionl Click Labell Fontsize =10 End sub

《Visual Basic 程序设计》精品课程电子教案 6 Label1.FontSize = 10 Label1.ForeColor = vbRed End Sub Private Sub Check1_Click() If Check1.Value = 1 Then Label1.FontBold = True Else Label1.FontBold = False End If End Sub Private Sub Check2_Click() If Check2.Value = 1 Then Label1.FontItalic = True Else Label1.FontItalic = False End If End Sub Private Sub Option1_Click() Label1.FontSize = 10 End Sub

《 Visual basic程序设计》精品课程电子教案 Private Sub Option2 Click O Labell Fontsize =20 Private Sub Option 3 Click Labell ForeColor vbRed Sub Option Click O Labell Fore Color vbGreen End sub IV.保存程序 保存程序 运行程序 行程序,界面如图4-4。 a Form1 字型设置 大小 颜色 字形 C10号 粗体 20号 C绿色 v下划线 图4-4程序运行结果 六、小结

《Visual Basic 程序设计》精品课程电子教案 7 Private Sub Option2_Click() Label1.FontSize = 20 End Sub Private Sub Option3_Click() Label1.ForeColor = vbRed End Sub Private Sub Option4_Click() Label1.ForeColor = vbGreen End Sub IV.保存程序 保存程序。 V.运行程序 运行程序，界面如图 4-4。 图 4-4 程序运行结果 六、小结

《 Visual basic程序设计》精品课程电子教案 学会使用 Frame、 Option、 CheckBox编写程序 五、作业 PI114.2

《Visual Basic 程序设计》精品课程电子教案 8 学会使用 Frame、Option、CheckBox 编写程序。 五、作业 P111 4.2

《 Visual basic程序设计》精品课程电子教案 第三讲列表框和组合框(2学时) 教学内容 1.列表框的属性、方法和事件 2.组合框的属性、方法和事件。 目的要求 1.会使用列表框编写程序; 2.会使用组合框编写程序 三、教学置点与难点 教学量点:列表框。 教学难点:组合框。 四、教学方法 多媒体教学 五、教学过程 4.1.3列表框和组合框 1.列表框 列表框 ListBox是将所有的清单以列表方式显示出来,以便用户加以选择。除了以前 介绍的属性Font类属性、Name属性等属性外,列表框List还有如下一些常见的属性: lums:设置列表框是否以多栏方式显示选项,值为0时表示以1栏方式显示选项, 如果有滚动条,则一定是垂直的滚动条;值为n(n>=1)时,表示以多栏方式显示选项,如果 有滚动条,则滚动条是水平的 List:列表框中的项,它是数组形式的,格式:列表框对象.List(i),i是项的序号, 如 List.List(0)表示列表框中的第0项, ListI.List(n)表示列表框中的第n+1项; ListIndex:表示选定的项的序号,值为-1时,表示未选定任何项,值为nn>=0)时, 表示选定了第n+1项 ulitiSelect:是否可以多选,值为0时表示可以仅可以选择一项,值为1时表示简 单多重选择,值为2时可以进行扩充多项选择

《Visual Basic 程序设计》精品课程电子教案 9 第三讲 列表框和组合框（2 学时） 一、教学内容 1． 列表框的属性、方法和事件； 2． 组合框的属性、方法和事件。 二、目的要求 1． 会使用列表框编写程序； 2． 会使用组合框编写程序。 三、教学重点与难点 教学重点：列表框。 教学难点：组合框。 四、教学方法 多媒体教学。 五、教学过程 4.1.3 列表框和组合框 1．列表框 列表框 ListBox 是将所有的清单以列表方式显示出来，以便用户加以选择。除了以前 介绍的属性 Font 类属性、Name 属性等属性外，列表框 List 还有如下一些常见的属性： Columns：设置列表框是否以多栏方式显示选项，值为 0 时表示以 1 栏方式显示选项， 如果有滚动条，则一定是垂直的滚动条；值为 n(n>=1)时，表示以多栏方式显示选项，如果 有滚动条，则滚动条是水平的； List：列表框中的项，它是数组形式的，格式：列表框对象.List(i)，i 是项的序号， 如 List1.List(0)表示列表框中的第 0 项，List1.List(n)表示列表框中的第 n+1 项； ListIndex：表示选定的项的序号，值为-1 时，表示未选定任何项，值为 n(n>=0)时， 表示选定了第 n+1 项； MulitiSelect：是否可以多选，值为 0 时表示可以仅可以选择一项，值为 1 时表示简 单多重选择，值为 2 时可以进行扩充多项选择；

《 Visual basic程序设计》精品课程电子教案 Selected:用来判断某项是否被选定,格式:列表框对象. Selected(i),i是选项的序 号,如List1. Selected(2)=True则表示第3项被选定,而List1. Selected(4)= False则表 示第5项未被选定 列表框的方法: Additem:为列表框添加项,格式:列表框对象. AddI tem(项),如 List. AddItem(" 武汉”); 的 Removeltem:从列表框中删除某项,格式:列表框对象. Removeltem(i),i是要删除项 序号,如:List1. Removeltem(3)表示从列表框List1中删除第4项 Clear:清除列表框的所有项,如: List. Clear 组合框 组合框有列表框和文本框的一些属性。这里只介绍一个属性 Syle:组合框的样式。有0、1、2三个值,如图4-5所示 Form1 重庆 底汉 上海 文本相可以编格哥嘉接显示,文文本框不可 图4-5组合框的 Style属性 组合框的事件 Change事件:文本框中的内容改变触发该事件 DropDown事件:点击下拉的箭头触发该事件 Click事件:单击选择某项触发该事件。 六、小结 组合框是难点,组合框的样式和事件,是学生最难掌握的 七、作业 下一次课后布置

《Visual Basic 程序设计》精品课程电子教案 10 Selected：用来判断某项是否被选定，格式:列表框对象.Selected(i)，i 是选项的序 号，如 List1.Selected(2)=True 则表示第 3 项被选定，而 List1.Selected(4)=False 则表 示第 5 项未被选定； 列表框的方法： AddItem：为列表框添加项，格式：列表框对象.AddItem（项）,如 List1.AddItem(" 武汉" )； RemoveItem：从列表框中删除某项，格式：列表框对象.RemoveItem(i),i 是要删除项 的序号，如:List1.RemoveItem(3)表示从列表框 List1 中删除第 4 项； Clear：清除列表框的所有项，如:List1.Clear。 2． 组合框 组合框有列表框和文本框的一些属性。这里只介绍一个属性。 Style:组合框的样式。有 0、1、2 三个值，如图 4-5 所示。 图 4-5 组合框的 Style 属性 组合框的事件： Change 事件：文本框中的内容改变触发该事件； DropDown 事件：点击下拉的箭头触发该事件； Click 事件：单击选择某项触发该事件。 六、小结 组合框是难点，组合框的样式和事件，是学生最难掌握的。 七、作业 下一次课后布置