第 3 章 控件使用

1. 3.1 3.2 3.3 3.4 3.5 3.6 控件基本操作 控件的使用 对话框的使用 综合案例 实训 本章小结 第3章 控件使用

2. 3.1 控件基本操作 • 用Visual Basic 6.0设计用户界面时，随着程序功能的增强，界面上的控件不断增多，如何调整和编辑控件，便是首先要考虑的问题。因此，在熟练使用控件进行界面设计之前，有必要先了解一下控件的一些基本操作以及与控件有关的一些基本知识

3. 【案例3-1】 计算器界面的设计 • 在本案例中，我们将通过添加控件、编辑控件、 • 查看控件共有属性、查看控件共有事件、保存工 • 程五步设计如图3-1所示的计算器界面，掌握控 • 件添加和编辑的方法；熟悉控件的共有属性、事 • 件。 • 【案例解析】 • 1．添加控件 • （1）操作步骤见教材 • （2）操作步骤见教材 • （3）操作步骤见教材 • （4）操作步骤见教材 图3-1 计算器界面

4. 工具箱中列出来的控件是Visual Basic中最常用的控件，向窗体中添加控件可按以下两种方式来完成。 • （1）在工具箱中，双击对应的控件图标。 • （2）在工具箱中，单击对应的控件图标，然后将鼠标移到窗体上，这时鼠标变为“＋”字形，在窗体上按住鼠标左键，拖动鼠标，在鼠标拖动一定范围后，松开鼠标左键

5. 2．编辑控件 • （1）操作步骤见教材 • （2）操作步骤见教材 • （3）操作步骤见教材 • （4）操作步骤见教材 • （5）操作步骤见教材 • （6）操作步骤见教材 • （7）操作步骤见教材 • （8）操作步骤见教材 • （9）操作步骤见教材

6. （1）向窗体中添加控件后，为了得到完美的程序界面，还（1）向窗体中添加控件后，为了得到完美的程序界面，还 • 必须调整控件的大小和位置。在窗体上单击控件，选中控件之后，按住鼠标左键并移动，便可以调整控件位置；将鼠标移到控件周围的蓝色小方框上，按住鼠标左键并移动，便可以调整控件大小。 • （2）除了通过鼠标可以改变控件位置和大小之外，在选中控件之后，按住Shift键，然后按4个方向键，可以改变控件的大小；按住Ctrl键，然后按4个方向键，可以调整控件位置。

7. （3）当窗体上有多个控件后，灵活使用【格式】菜单中的命令，可以同时调整多个控件的位置和大小，以及控件之间的间距。但在使用【格式】菜单中的命令时，必须同时选中两个或两个以上的控件，具体方法是：先单击1个控件，然后按住Shift键，再单击其他控件。

8. 3．查看属性 • （1）操作步骤见教材 • （2）操作步骤见教材 • （3）操作步骤见教材 • （4）操作步骤见教材 • （5）操作步骤见教材 • （6）操作步骤见教材

9. （1）在Visual Baisc 6.0中，设置或查看某个控件的属性，可按以下两种方式来完成。 •  先选中控件，然后在【属性】窗口设置或查看常用属性。 •  在代码窗口，先输入控件名称，然后输入“.”，在弹出的窗口中单击某个列表项，便可以设置控件所有属性；拖动右边的滚动条便可以查看控件的所有属性。

10. （2）【属性】窗口只是显示控件常用属性，有些属性并没有显示在【属性】窗口，因此要设置这些属性必须通过代码来完成，例如，命令按钮的【Value】属性并没有显示在【属性】窗口，但可以在代码窗口查看到该属性。另外，在程序运行时，只能通过代码来改变控件属性。

11. 4．查看控件事件 • （1）操作步骤见教材 • （2）操作步骤见教材 （1）控件都可以响应一定的事件，控件不同，可以响应的事件也不同，并且对于同一事件，不同的控件可有不同的响应方式。每个控件可以响应不同的事件，可以在这些事件中编写相应的代码，让控件执行不同的响应事件，从而实现特定的效果或任务。

12. 4．查看控件事件 • （1）操作步骤见教材 • （2）操作步骤见教材 （2）在代码窗口的【对象】列表框选中控件后，单击某个列表项时，系统会自动为控件添加常用事件。例如，单击“Command1”项，系统便会自动为命令按钮Command1添加Click事件。在选中某个对象后，在【过程】列表框中可以参看控件能响应的事件，如果单击某个事件列表，便可以为控件添加相应的事件。

13. 5．保存工程 • （1）操作步骤见教材 • （2）操作步骤见教材 • 至此，我们已经完成了计算器界面的设计，通过本案例，我们掌握了控件添加、编辑的方法。通过查看控件属性及事件，我们发现有些属性和事件是控件共有的，主要包括以下共有属性和事件：

14. 控件常用的共有属性 ： • 【名称】属性 • 说明：为了便于访问和区分控件，每个控件都必须有1个名称。【名称】属性就如同控件的 “姓名”，“姓名”就直接代表着控件本身。 • 【Appearance】属性 • 功能：返回或设置控件的的外观样式。 • 说明：【Appearance】属性有两个取值：0或1。 • 【Appearance】属性为0时，表示将控件的外观设为平面的样式；【Appearance】属性为1 时，表示将控件的外观设为三维的样式。

15. 控件常用的共有属性 ： • 【BackColor】属性 • 功能：返回或设置控件背景的颜色。 • 说明：设置【BackColor】属性将会直接改变控件的底色。 • 【Caption】属性 • 功能：返回或设置控件上所显示的文本。 • 说明：只有那些不能接受用户输入的控件才有该属性，例如标签控件、命令按钮控件等。

16. 控件常用的共有属性 ： • 【Enabled】属性 • 功能：返回或设置控件是否可用。 • 说明：【Enabled】属性有两个取值：True或False。【Enabled】属性为True（默认值） 时，表示控件可用，可以响应用户的操作；【Enabled】属性为False时，控件为灰色，表示控件不可用，不能响应用户的操作。 • 【ForeColor】属性 • 功能：返回或设置控件的前景颜色。 • 说明：设置【ForeColor】属性将会影响图形及文本的颜色。

17. 控件常用的共有属性 ： • 【Font】属性 • 功能：返回或设置控件文本所用的字体名、字体样式及字体大小。 • 【Height】属性、【Width】属性 • 功能：【Height】属性返回或设置控件的高度；【Width】属性返回或设置控件的宽度。 • 说明：控件的大小可以通过拖动控件边角来改变，也可以通过设置【Height】、【Width】属性来改变。

18. 控件常用的共有属性 ： • 【Left】属性、【Top】属性 • 功能：【Left】属性返回或设置控件左边与其容器（窗体、图片框控件或框架控件）左边间的距离；【Top】属性返回或设置控件顶部与其容器（窗体、图片框控件或框架控件）顶部之间的距离。 • 说明：控件的位置可以通过拖动控件来改变，也可以通过设置【Left】，【Top】属性来改变。 • 【Visible】属性 • 功能：返回或设置控件是否可视。 • 说明：【Visible】属性有两个取值：True或False。【Visible】属性为True（默认值）时，表示控件可见；【Visible】属性为False时，表示控件不可见。

19. 控件常用共有事件 • 鼠标事件 • 单击（Click）事件：鼠标事件中应用最广的事件，大多数控件包括窗体都能响应该事件。在控件或窗体上单击鼠标，便会激发Click事件 • 双击（DblClick）事件：在控件或窗体上双击鼠标，便会激发DblClick事件 • 按下（MouseDown）事件：在控件或窗体上 按下鼠标，便会激发MouseDown事件 • 弹起（MouseUp）事件：在控件或窗体上 按下鼠标松开鼠标，便会激发MouseUp事件 • 移动（MouseMove）事件：在控件或窗体上移动鼠标，便会激发MouseMove事件

20. 鼠标事件 • MouseDown事件、MouseUp事件和MouseMove事件都含有相同的事件参数：“Button”，“Shift”，“X”和“Y”。这4个参数是由系统自动添加，而不需用户去给定，其中“Button”，“X”和“Y”3个参数最为常用，各参数的说明如下 ： •  “Button”参数 • 说明：“Button”是一个整型参数，用来获取用户所按下的鼠标键，其取值如表3-1所示。 •  “X”，“Y”参数 • 说明：“X”，“Y”参数用于记录鼠标指针所在的位置，其中 “X”参数记录指针的横坐标，“Y”参数记录指针的纵坐标。“X”，“Y”参数随着鼠标的移动而改变。

21. 表3-1 “Button”参数值

22. 键盘事件 • KeyPress事件 : 当在控件上按下键盘上的某个键时 ,便会激发KeyPress事件 。 • KeyDown事件 : 当在控件上按下键盘上的某个键时 ,便会激发KeyDown事件 。 • KeyUp事件 : 当在控件上松开键盘上的某个键时 ,便会激发KeyUp事件 。 • 在这个3个事件中，都有1个用来获取当前所按键键码的参数，KeyPress事件获取的是按键上字符的ASCII，即KeyAsciic参数；而KeyDown，KeyUp事件获取的是按键的扫描码，即KeyCode参数，这两个参数都是由系统自动传递过来的，不需要用户自己另外去设置。

23. 键盘的每个键都有1个ASCII码和扫描码，扫描码反映的是按键的位置信息，而ASCII码反映的是标准的字符信息，因此“KeyCode”参数不能区分大小写，即大写A和小写a所对应的“KeyCode”值是一样的，都为65，而“KeyAscii”参数则可以区分大小写。

24. 【案例小结】 • 通过本案例的学习，我们要掌握以下知识点： • 控件添加、删除方法 • 调整控件位置、大小的方法 • 查看控件属性、事件的方法 • 控件常用共有属性、事件，如【Appear】属性、【Enable】属性、【Left】属性、【Top】属性等，Click事件、MouseDown事件、MouseUp事件等。

25. 3.2 控件使用 • 在所有常用控件中，有些控件只是用来起标识的作用，如标签控件、框架控件，有些控件可以接受用户的输入，如文本框控件，还有控件是让用户进行选择的，如单选按钮、多选按钮、列表框控件、组合框控件，因此在使用控件进行程序设计之前，有必要了解各个控件的功能、属性以及能够响应的事件。 • 一个成功的应用程序，除了有完美的程序界面之外，还应该具有良好的交互性，即程序能够接受用户的输入，用户也能够从程序得到提示，而实现这些功能，有必要设计一些特殊的提示窗口，如对话框，多窗体。在接下来的学习中，将通过案例详细学习如何设计具有良好交互性的应用程序。

26. 【案例3-2】 简单计算器的设计 • 设置设计一个简单的计算器，程序界面如图3-10所示，能实现以下功能。 •  可以通过在窗体上按下相应数字键输入数字，但只能输入10以内的数字。 • 能够实现简单计算的功能，具体操作过程和家用计算器的一样，计算结果显示在标签控件中。 • 单击按钮，退出应用程序。 图3-10 计算器界面

27. 【案例3-2】 简单计算器的设计 在本案例中，我们将通过设置窗体、标签、命令按钮控件的属性来完成界面的设计，通过调用窗体、命令按钮事件来实现计算的功能，分设置窗体属性、设置标签控件属性、设置命令按钮控件属性、添加窗体、命令按钮事件、运行程序六个步骤来完成。

28. 【案例解析】 • 设置窗体属性 • （1）操作步骤见教材 • （2）操作步骤见教材 • （3）操作步骤见教材 • （4）操作步骤见教材 • （5）操作步骤见教材 • （6）操作步骤见教材

29. 【知识扩展】 • 通过以上步骤，我们已按要求设置了窗体的属性。窗体是容纳控件的容器，并且还带有标题栏，因此除了共有属性之外，窗体还有如下一些特有的属性。 • 【BorderStyle】属性 • 功能：设置窗体的边框风格。 • 说明：【BorderStyle】属性有6个取值：0－None，1－Fixed Single，2－Sizable，3－Fixed Diaglog，4－Fixed ToolWindow，5－Sizable ToolWindow。

30. 【知识扩展】 •  【Caption】属性 • 功能：返回/设置窗体标题栏中所显示的文字。 • 【MaxButton】，【MinButton】属性 • 功能：用于控制窗体是否有最大化、最小化按钮。 • 说明：【MaxButton】，【MinButton】属性都有两个取值：True或False。其取值为True（默认值）时，窗体有最大化、最小化按钮；为False时，无最大化、最小化按钮。

31. 【知识扩展】 •  【WindowState】属性 • 功能：用于返回/设置窗体运行的状态。 • 说明：【WindowStae】属性有3个取值，取为0（默认值）时，窗体以设计时的状态运行；取为1时，窗体以最小化样式运行；取为2时，窗体以最大化样式运行。

32. 2. 设置窗体属性 • （1）操作步骤见教材 • （2）操作步骤见教材 • （3）操作步骤见教材 • （4）操作步骤见教材 • （5）操作步骤见教材 • （6）操作步骤见教材 • （7）操作步骤见教材 • （8）操作步骤见教材 • （9）操作步骤见教材

33. 【知识扩展】 • （1）在本案例中，计算器数字和结果的显示是通过标签控件来完成的。标签控件主要是用来显示文本，但用户不能编辑所显示的文本，常用来说明或标识其他不具有【Caption】属性的控件，如文本框控件、列表框控件和组合框控件。所显示的文本是通过【Caption】属性来设置的。 • （2）除了【Caption】，【Font】等共有属性外，标签控件还有以下常用属性。

34. 【知识扩展】 •  【AutoSize】属性 • 功能：返回或设置标签是否自动改变大小以显示全部的内容。 • 说明：【AutoSize】属性有两个取值：True或False。【AutoSize】属性取True时，表示自动改变标签控件的大小以便显示全部的文本内容；【AutoSize】属性取False时（缺省值），表示不调整标签控件的大小，控件的大小保持不变，超出控件范围的内容将被剪掉。

35. 【知识扩展】 •  【Alignment】属性 • 功能：返回或设置标签控件中文本的对齐方式。 • 说明：【Alignment】属性有3个取值：0，1或2。【Alignment】属性取0时（默认值），表示标签控件中的文本左对齐显示；【Alignment】属性取1时，表示标签控件中的文本右对齐显示；【Alignment】属性取2时，表示标签控件中的文本居中显示。

36. 【知识扩展】 •  【BackStyle】属性 • 功能：返回或设置标签控件是否透明。 • 说明：【BackStyle】属性有两个取值：0或1。【BackStyle】属性取0时，表示标签控件透明，此时【BackColor】属性无效；【BackStyle】属性取1时（默认值），表示标签控件不透明，此时【BackColor】属性才有效。

37. 【知识扩展】 •  【BorderStyle】属性 • 功能：返回或设置标签控件的边框样式。 • 说明：【BorderStyle】属性有两个取值：0或1。【BorderStyle】属性为0时（默认值），表示标签控件无边框；【BorderStyle】属性为1时，表示标签控件有固定的单线边框。 • （3）由于标签控件主要是起标识作用的，因此在设计程序时，很少为其添加事件。

38. 3. 设置命令按钮控件属性 • （1）操作步骤见教材 • （2）操作步骤见教材 • （3）操作步骤见教材 • （4）操作步骤见教材 • （5）操作步骤见教材 • （6）操作步骤见教材 • （7）操作步骤见教材 • （8）操作步骤见教材 • （9）操作步骤见教材

39. 在本案例中，数字和运算符号的输入是通过命令按钮控件来完成的。命令按钮控件是所有控件中最常用的控件之一，常用于发布执行命令。除了【Caption】、【名称】等共有属性外，命令按钮还有以下常用属性。在本案例中，数字和运算符号的输入是通过命令按钮控件来完成的。命令按钮控件是所有控件中最常用的控件之一，常用于发布执行命令。除了【Caption】、【名称】等共有属性外，命令按钮还有以下常用属性。 • ① 【Caption】属性 • 功能：返回或设置命令按钮上所显示的文本。 • 说明：利用该属性还可以为命令按钮添加访问键，如果某个字母被定义成访问键时，用户便可以直接通过Alt键＋该字母键来访问命令按钮。在设置【Caption】属性时，在要定义为访问键的字母前加上符号“&”，便可以将该字母设为访问键。例如，如果将命令按钮的【Caption】属性设为了“取消（&C）”，则可以通过按Alt＋C键来直接访问命令按钮。

40. ② 【Style】属性 • 功能：返回或设置控件的外观样式。 • 说明：【Style】属性有两个取值：0或1。【Style】属性取0时（默认值），表示以标准样式显示命令按钮，按钮上不能显示图片；【Style】属性取1时，表示以图形样式显示命令按钮，此时可在命令按钮上显示图片。

41. 4. 添加窗体、命令按钮控件事件 • （1）操作步骤见教材 • （2）操作步骤见教材 • （3）操作步骤见教材 • （4）操作步骤见教材 • （5）操作步骤见教材 • （6）操作步骤见教材 • （7）操作步骤见教材 • （8）操作步骤见教材

42. （ 1）通过前面的三步，我们已经设计好了计算器的界面，但还不具有计算的功能。要使其具有计算的功能还必须添加窗体及控件事件 • （2）Load事件是窗体最常用事件，双击窗体的空白处便可以为窗体添加该事件。双击时不要双击在窗体的标题栏上，否则只是最大化窗体，而不能为其添加Load事件时。除了Load事件之外，窗体也可以响应鼠标、键盘等共有事件。

43. （3）单击事件（Click事件）是命令按钮最常用的事件，在窗体上双击命令按钮便可以为命令按钮添加Click事件。也可以通过在代码窗口为命令按钮添加Click事件，命令按钮除了可以响应Click事件之外，还可以响应键盘、鼠标等其他公共事件，但命令按钮不支持DblClick事件。（3）单击事件（Click事件）是命令按钮最常用的事件，在窗体上双击命令按钮便可以为命令按钮添加Click事件。也可以通过在代码窗口为命令按钮添加Click事件，命令按钮除了可以响应Click事件之外，还可以响应键盘、鼠标等其他公共事件，但命令按钮不支持DblClick事件。 • （4）命令按钮的Click事件一般是不带输入参数的，但对于命令按钮控件数组而言，系统会自动为Click事件加入控件索引值（Index）这一参数。

44. 5. 运行程序 • （1）操作步骤见教材 • （2）操作步骤见教材 • （3）操作步骤见教材 • （4）操作步骤见教材

45. （1）窗体的Load事件在窗体被显示时，一般是最先被激发的事件，因此，该事件常用来初始化变量或控件的位置。（1）窗体的Load事件在窗体被显示时，一般是最先被激发的事件，因此，该事件常用来初始化变量或控件的位置。 • （2）程序运行时，在窗体上单击命令按钮时，便会激发命令按钮的Click事件，并执行相应的响应代码，例如，在本案例中单击某个数字键，该数字便会显示在标签控件中；单击退出按钮，便退出程序。

46. 至此我们已经设计了一个简单的计算器，能够进行10以内的四则运算。该应用程序界面比较简单，只有一个窗体，在进行复杂应用程序设计时，我们可能要用到多个窗体，这时我们必须向应用程序中添加窗体，添加方法如下。至此我们已经设计了一个简单的计算器，能够进行10以内的四则运算。该应用程序界面比较简单，只有一个窗体，在进行复杂应用程序设计时，我们可能要用到多个窗体，这时我们必须向应用程序中添加窗体，添加方法如下。 • （1）选择【工程】/【添加窗体】命令，弹出图3-15所示的【添加窗体】对话框。 • （2）单击窗体列表显示窗口中的任何窗体，默认情况下，标准窗体被选中。也可以单击上面的【现存】按钮，然后选择已经存在的窗体。

47. （3）选中窗体后，单击按钮，便向程序中添加了1个新的窗体，这时【工程】窗口如图3-16所示。（3）选中窗体后，单击按钮，便向程序中添加了1个新的窗体，这时【工程】窗口如图3-16所示。 • （4）双击【工程】窗口的图标，窗体Form2便显示在最前端；单击图标，在【工程】窗口查看对象图标，窗体Form1便显示在最前端。 • （5）单击【工程】窗口的图标，选中该窗体，然后单击鼠标右键，在弹出的快捷菜单中选择【移除Form2】命令，便可以删除窗体Form2。

48. 程序有了多个窗体之后，在程序设计阶段，各个窗体以层叠的形式显示在窗体设计窗口，在【工程】窗口双击某个窗体的图标，便可以选中该窗体，并将窗体显示在最前端；在程序运行时，如果要显示某个窗体，则需用Show或者Load方法，具体使用方法将以后的学习中讲解。

49. 【案例小结】 • 由于标签控件常用来起标识作用，一般很少为其添加事件，只需要设置与文本有关的的属性，如【Caption】属性、【Alignment】属性、【Font】属性、【ForeColor】属性（常用来改变文字的颜色）等，另外还可以通过【BorderStyle】属性、【Appearance】属性来改变其外观。而命令按钮常用发布一些命令或执行特定的操作，是Visual Basic 6.0中最常用控件之一，除了要熟悉命令按钮的常用属性之外，如【Caption】属性、【Value】属性（该属性不显示在属性窗口）等，还应该灵活使用命令按钮常用事件：Click事件。

50. 【案例扩展】 • 案例3-2只能完成10以内的整数运算，如何让计算器能够完成所有的运算，包括小数运算，读者可以尝试着练习。在这里给出以下提示。 • （1）程序界面无需改动，只是程序代码需完善。 • （2）在未按下运算符之前，所有的输入都为第一个数即程序中的prenum，可用字符连接符连接字符，例如：lblResult.Caption=lblResult.Caption & cmdNum(Index).Caption。 • （3）还必须引入一个用于判断是否按下小数点“.”的变量，一个用于判断第一个数字是否为0的变量。