第4章常用控件

第4章常用控件本章学习目标框架控件单选按钮的属性、事件及应用实例复选框的属性、事件及应用实例列表框和组合框的基本属性、常用方法及事件定时器的基本属性和Timer事件滚动条的基本属性和常用事件4.1框架框架（Frame）控件同窗体一样，可用作其他控件的容器。在容器中的控件不仅可以随着载体同时移动，而且控件的位置属性也是相对容器的位置设置的。框架控件不仅可以作为其他控件的载体，而且可用框架控件把窗体按功能细分，即将其他控件分成可标识的控件组。4.1.1框架的属性1．BorderStyle属性边框样式，属性值如下：0——无边框（默认值）；1——有固定单线边框。2．Caption属性设置框架显示的标题信息。可将该属性设置为空，让框架形成封闭的边框。4.2单选按钮控件4.2.1单选按钮的属性单选按钮（Option）控件除常用属性外，还有以下属性：1．Value属性控件是否选中的标记，默认值为Flase。Value=True表示该按钮被选中，可在代码中设置Value属性来选定按钮。2．Style属性指定是否使用图形样式，其中：0——（默认值）常规样式：1——图形样式，此时允许在按钮上设置图片。3．Picture属性指定设置在单选按钮上的图片,仅在Style=1时有效。4．DownPicture属性指定按钮按下时显示在按钮上的图片,仅在Style=1时有效。5．DisabledPicture属性当Enalbed=False时显示在按钮上的图片，仅在Style=1时有效。4.2.2单选按钮的事件Click(单击)事件：选定按钮时将触发其Click事件。是否有必要响应该事件，将取决于应用程序的功能。4.2.3单选按钮应用实例根据程序功能的需要，可将单选按钮分组。把单选按钮绘制在不同的容器控件（如Frame控件、PictureBox控件，或窗体等容器控件）中，运行时，用户可在每个选项组中选定一个单选按钮。例如，把单选按钮分别添加到窗体和窗体上的一个Frame控件中，相当于创建两组不同的单选按钮，可在两组单选按钮中各自选定一个单选按钮。在一组单选按钮控件中，每个控件代表一个选项。当某个选项被选中时，其他按钮自动处于未选状态。在任一时刻，只能有一个单选按钮处于被选状态。运行时选择单选按钮控件的方法：用鼠标单击按钮，用Tab键将焦点移动到控件，或者在代码中将按钮的Value属性设置为True。例4-1设计一个程序，用户界面由四个单选按钮、一个框架控件、一个标签控件和一个命令按钮组成，程序开始运行后，用户单击某个单选按钮，就可将它对应的内容（星期、日期、月份或年份）显示在标签框中。1．设计应用程序界面（从略）2．各控件对象的属性设置参见表4-1。对象类型（对象名）属性名称属性设置值

说明窗体（Form1）Caption单选按钮的使用标签框（Label1）Caption设置为空标签框（Label1）BorderStyle1边框为单线框框架（Frame1）Caption请选择单选按钮（Option1）Caption日期单选按钮（Option2）Caption星期单选按钮（Option3）Caption月份单选按钮（Option4）Caption年份命令按钮（Command2）Caption结束表4-1控件对象属性设置值3．编写程序代码(略)保存工程，运行程序，结果见图4-1图4-14.3复选框在多项选择问题中常使用复选框（CheckBox）控件。在同一组复选框中，用户可以同时选择多个选项。选定复选框控件时，该控件将显示选定标记。通常用该控件提供Yes/No或True/False选项。可用分组的复选框控件显示多个选项，供用户从中选择一个或多个选项。复选框控件与单选按钮控件的比较：相同点：每个控件都用来指示用户的选择。不同点：一组单选按钮中，一次只能选定其中一个按钮；一组复选框中，一次可选定任意个复选框。4.3.1复选框的属性1．Value属性指示复选框处于选中、未选中或禁选状态（暗淡）。其中，Value=0表示未选中（默认值），Value=1表示选中，Value=2表示禁选。2．Style属性指定是否使用图形样式，其中，Style=0表示常规样式（默认值）；Style=1表示图形样式，用法同单选框。更改Style属性的设置值后使用Picture、DownPicture和DisabledPicture属性，可增强视觉效果。4.3.2复选框的事件Click（单击）事件：无论何时单击复选框控件都将触发Click事件，然后编写应用程序，根据复选框的状态执行某些操作。每次单击复选框控件时，都将改变其Value属性，以指示选定或未选定状态。注意：复选框控件不支持双击事件。4.3.3复选框应用实例例4-2设计一个程序，单击复选框可以改变文本的字体、字型、颜色及大小。1．设计应用程序界面（从略）2．各控件对象的属性设置参见表4-2。对象类型（对象名）属性名称属性设置值

说明窗体（Form1）Caption复选框的使用标签框（Label1）Caption请在下面输入一段文字：标签框（Label1）BackStyle0标签背景透明文本框（Text1）MultiLineTrue复选框（Check1）Caption宋体复选框（Check2）Caption斜体复选框（Check3）Caption16点复选框（Check4）Caption红色表4-2控件对象属性设置值4．保存工程，运行程序，结果见图4-2图4-23．编写程序代码（略）列表框（Listbox）控件可显示一个含有若干选项的列表，程序运行时可用鼠标或箭头键从中选择一项或多项，选中的项呈反相显示。4.4.1列表框的属性1．List属性设置或返回列表框中的列表项内容。该属性实际上是一个字符型数组，数组的元素就是列表中的每个项目，数组下标是列表项的顺序号，从0开始编号。设计时，该属性栏提供一个文本框，可在其中输入一些选择项。运行时，可通过该属性实现对列表项内容的设置或访问。引用列表项目的语法格式：列表框名.List(Index)其中，Index是项目的位置，List(0)指向第一项，List(1)指向第二项等。2．ListCount属性列表框中包含项目的总数。3．ListIndex属性当前选中项目的索引号。其中，第一项选中时索引号为0，第二项选中时索引号为1。无选中项目时，该属性值为-1。该属性常与List属性配合使用，以获得当前被选中的列表项内容，使用格式为：当前被选中的列表项内容=对象名.List(对象名.ListIndex)该属性只在运行时可用，一旦设置列表框的ListIndex属性，将触发控件的Click事件。4．Text属性包含当前在列表框中选定的项目，属性值与List(ListIndex)相同。该属性在设计时和运行时均为只读属性。5．Selected属性指示某个项目的选中状态。例如，Selected(0)=True表示第一项被先选中。6．Style属性指定列表框的样式。其中，0——（默认值）常规样式：1——复选框样式，每个选项前带有一个复选框，允许同时选择多个选项。7．MultiSelect属性指明是否允许在列表框内同时选中多个选项。其中：0——不允许多项选择（默认值，标准列表框）。1——简单多项选择，移动光标键指向某个选项，单击鼠标或按空格键可在选与不选之间切换，可同时选中多项2——扩展多项选择，可用Shift+单击或Shift+箭头键选定从上一个选定项到当前的选项之间的所有选项。Ctrl+单击选定（或撤销选定）列表中的项目。8．Sorted属性指定列表中的各选项是否自动按字母顺序排序（排序时不区分大小写）。默认值为False（不按字母顺序排序）。9．Columns属性指定列表框中的各选项在一列中垂直滚动或在多列中水平滚动。其中：0——垂直滚动的单列列表框。1——水平滚动的单列列表框。2——水平滚动的多列列表框。列表框为用户提供了选项的列表。虽然可以设置多列列表，但在缺省时将在单列列表中垂直显示选项。如果选项数目超过列表框可显示的数目，控件将自动出现滚动条，用户可在列表框中上、下、左、右滚动。4.4.2列表框的事件列表框主要有以下事件：1.Click(单击)事件。2.DblClick(双击)事件。3.ItemCheck复选项事件。当Style=1且选择或清除了一个选项时触发该事件。说明：在实际应用中，列表框常与命令按钮配合使用，在列表框中选择好列表项后，再通过命令按钮执行相应的操作。命令按钮的Click事件过程对应于列表框的选项操作。双击列表框中的项目与先选定项目然后单击命令按钮具有相同的效果。因此，应在列表框控件的

DblClick事件过程中调用命令按钮的Click事件过程，这将为使用鼠标的用户提供快捷方式。其调用方法为：PrivateSubList1_DblClick()Command1_Click或Command1.Value=TrueEndSub4.4.3列表框的方法列表框的方法主要有：1．AddItem(添加项)方法向列表框添加一个项目。语法格式：列表框名.AddItem要增加的列表项[列表项序号]说明：“列表项序号”用于指定新插入的项在列表框中的位置。若省略该参数，则将项目插入在末尾（或按排序次序插入在适当的位置）。例子：List1.AddItem“计算机应用基础教研室”，22．RemoveItem(删除项)方法从列表框中删除一个项目。语法格式：列表框名.RemoveItem列表项序号3．Clear(清除)方法清除列表框中的所有项目。4.4.4列表框应用实例例4-3编程实现学生选修课程。该窗体有两个列表框，左边列表框提供所供选修的课程目录，右边列表框显示用户进行选修的课程。运行时，双击左边列表框中某个项目则该项目添加到右边列表框中；或单击左边列表框中某项，然后单击“>”按钮，则该项目添加到右边列表框中；单击“>>”按钮则将左边列表框中所有课程全部添加到右边列表框中。1．设计应用程序界面（从略）2．各控件对象的属性设置参见表4-3。表4-3控件对象属性设置值对象类型（对象名）属性名称属性设置值窗体（Form1）Caption计算机系04级第三学期专业选修课程标签框（Label1）Caption开设课程标签框（Label2）Caption选修课程列表框（List1）列表框（List2）命令按钮（Command1）Caption>命令按钮（Command2）Caption>>命令按钮（Command3）Caption删除命令按钮（Command4）Caption统计命令按钮（Command5）Caption退出3．编写程序代码（略）4．保存工程，运行程序，结果见图4-3、图4-4图4-3单击统计按钮，会出现统计信息，如图4-4所示。图4-44.5组合框组合框（ComboBox）控件是文本框和列表框的组合，包含一个文本框和一个列表框。用户既可在文本框部分输入选项，也可用列表框部分选择选项。4.5.1组合框的属性组合框的属性与列表框基本相同，另外还增加了一些与文本框相关的属性。单击统计按钮，会出现统计信息，如图4-4所示。1．List属性设置或返回组合框中的项目内容，字符串数组。2．ListCount属性组合框中所含项目的总数。3．ListIndex属性选中项目的索引号。4．Text属性文本框内的字符串。通常指选中项目的内容。5．Sorted属性指定列表中的各项是否自动按字母顺序排序（排序时并不区分大小写）。默认值为False。6．Locked属性指定是否允许编辑修改各列表项。默认值为False，即不锁定，允许编辑修改各列表项。Style属性

组合框有3种样式（见图4-5）：Style=0(默认值)时，为下拉式组合框；Style=1时，为简单组合框；Style=2时，为下拉式列表框。每种样式都可在设计或运行时设置。图4-5（1）下拉式组合框在缺省设置（Style=0）下，组合框为下拉式组合框。单击组合框右侧的箭头，可下拉一个选项列表框。从选项列表框中选择一个选项后，该选项出现在组合框中的文本框内，同时关闭选项列表。此外，也可以直接在文本框内输入需要的文本。下拉式组合框适用于建议性的选项列表。可将不在列表中的选项输入文本区域中。只有单击组合框的向下箭头时才显示选项列表，所以组合框节省了窗体的空间。（2）简单组合框若Style=1，将指定一个简单组合框。与下拉式组合框不同的是，此时选项列表不能被关闭，任何时候都在显示选项列表。若要显示列表中所有选项，必须将列表框绘制得足够大。当选项数超过可显示的限度时，将自动插入一个垂直滚动条。用户既可以直接输入文本，也可以列表中选择。简单组合框适用于建议性的选项列表，但要显示列表中所有选项，必须将列表框绘制得足够大。（3）下拉式列表框若Style=2，组合框为下拉式列表框，此时，文本框只能显示选项而不允许输入文本。下拉式列表框与列表框的区别：除非单击列表框右侧的箭头，否则不显示列表。下拉式列表框与下拉式组合框的主要差别：用户不能在列表框中输入选项，只能在列表中选择。下拉式列表框适用于希望将输入限制在列表之内。只有单击列表框的向下箭头时才显示全部列表。因此，下拉式列表框可节省窗体的空间。4.5.2组合框的事件组合框的常用事件为Change。当用户修改了组合文本框中的内容或用代码修改了文本框的Text属性，即触发Change事件。注意：Change事件仅在Style=0或Style=1时才会发生。4.5.3组合框的方法组合框的方法与列表框相似，主要包括：1．AddItem（添加项）方法向列表框添加一个选项。2．RemoveItem（删除项）方法

从列表内删除一个选项。3．Clear（清除）方法清除列表中的所有选项。4.5.4组合框应用实例例4-4输入一个人的姓名和出生年月日，输出其信息。1．设计应用程序界面（从略）2．各控件对象的属性设置参见表4-4。对象类型（对象名）属性名称属性设置值

说明窗体（Form1）Caption输入一个人的生日标签框（Label1）Caption姓名标签框（Label2）Caption生日

标签框（Label3）Caption年

标签框（Label4）Caption月

标签框（Label5）Caption日

标签框（Label6）Caption输出信息组合框（Combo1）Style0下拉式组合框组合框（Combo2）Style2下拉式列表框组合框（Combo3）Style2下拉式列表框命令按钮（Command1）Caption确定命令按钮（Command2）Caption退出表4-4控件对象属性设置值3．编写程序代码4．保存工程，运行程序，结果见图4-6图4-64.6定时器定时器（Timer）控件用来计时，当所预定的时间到了的时候，系统会自动触发其Timer事件，从而完成指定的操作。例如，移动一个条幅或一幅图片，构成动态效果，显示时钟等。在窗体上放置计时器控件后，尽管在程序运行时不可见，但它依然在工作。因此，设计窗体时，可随意地把计时器控件放在窗体的某个位置上，并且允许同时使用多个定时器控件。4.6.1定时器的属性定时器的属性较少，常用属性如下：1．Enabled属性用于决定是否启动定时器。当该属性的值为True时，启动定时器的Timer事件；当该属性值为False时，关闭定时器。定时器的Enabled属性不同于其他对象的Enabled属性。对于大多数对象，Enabled属性决定对象是否响应用户触发的事件；定时器控件的Enabled属性值为False时，将暂停定时器操作。2．Interval属性两次定时器事件触发的时间间隔（ms）。Interval属性的有效值在0到65535s之间，其属性值既可在设计时设置，也可在程序运行时设置。由于硬件的某些原因，VB不会十分精确地按设置的间隔激活Timer事件。由于系统每秒生成18个时钟信号，因此，即使用ms来计量Interval属性，实际的时间间隔精确度误差不会超过1/18s。如果想得到准确的时间间隔，应让定时器检查系统时钟。定时器Interval属性值越小，定时器事件触发越频繁，响应事件所使用的处理器事件就越多，这将降低系统综合性能。除非有必要，否则不要设置过小的时间间隔。如果Interval=0,定时器停止工作。4.6.2定时器的事件定时器控件的事件只有一个——Timer事件。只要定时器控件的属性Enabled=True,而且Interval属性值大于0，则Timer事件以Interval属性指定的时间间隔发生。在Timer事件过程中编写需要定时进行的处理，可以周期性地激活Timer事件，每隔一段时间自动地调用一次Timer事件过程。4.6.3定时器应用举例例4-5创建一个数字时钟，要求时钟的前景为绿色，背景为黑色，字体为宋体28点阵大小。程序开发步骤：1．在窗体上绘制一个计时器控件和一个标签控件，设计好界面，然后按表4-5所示的属性设置值来设置各控件的属性对象类型（对象名）属性名称属性设置值

说明窗体（Form1）Caption时钟窗体（Form1）BorderStyle3设置窗体为固定边界的对话框风格标签框（Label1）Caption设置为空标签框（Label1）BorderStyle1设置为单线型标签框标签框（Label1）Font宋体28点阵

计时器（Timer1）Interval1000设置间隔为1秒表4-5控件对象属性设置值2．双击计时器控件，在其Timer事件过程中编写程序代码：PrivateSubTimer1_Timer()Label1.Caption=Time'利用Time函数获取系统日期EndSub图4-7

3．保存工程，运行程序。界面如图4-7所示。4.7滚动条滚动条通常用来附在窗体边上帮助观察数据或确定位置，作为速度、数量的指示器来使用，也可用来作为数据输入的工具。滚动条分为水平滚动条（HscrollBar）和垂直滚动条（VscrollBar）。除方向不一样外，水平滚动条和垂直滚动条的结构与操作是完全相同的。滚动条的两端各有一个滚动箭头，在滚动箭头之间有一个滚动块。滚动块从一端移至另一端时，其值在不断变化。垂直滚动条的值由上往下递增，水平滚动条的值由左往右递增。其值均以整数表示，取值范围为－32768～32767。最小值和最大值分别在两个端点，其坐标系和滚动条的长度（高度）无关。4.7.1滚动条的属性1．Max属性滚动条所能表示的最大值。2．Min属性滚动条所能表示的最小值。3．Value属性表示当前滚动条所代表的值，范围在Max与Min之间。4．LargeChange属性当用户单击滚动块和滚动箭头之间的区域时，滚动条控件（HScrollBar或VScrollBar）的Value属性值的改变量，默认值为1。5．SmallChange属性表示当用户单击滚动条两端的箭头时，Value属性值的增加或减小的量，默认值为1。4.7.2滚动条的事件滚动条的最常用的是Scroll事件和Change事件。1．Scroll事件在滚动条内拖动滚动框时，触发产生Scroll事件。2．Change事件滚动条内的值发生改变时触发产生Change事件。例如利用滚动条改变文本框中所显示文本的字号大小。程序代码如下：PrivateSubHScroll1_Change（）Label1.Caption=HScroll1.ValueText1.FontSize=HScroll1.ValueEndSub4.7.3滚动条的应用1．界面设计

在窗体上绘制三个水平滚动条，分别对应红、绿、蓝三种颜色值。由于红、绿、蓝三基色可以合成各种各样的颜色，每一种颜色其变化又有256种，故滚动条取值范围为0～255。2．各控件对象的属性设置参见表4-6。对象类型（对象名）属性名称属性设置值

说明窗体（Form1）Caption调色板标签框（Label1）Caption红色分量值：标签框（Label2）Caption绿色分量值：

标签框（Label3）Cap