《Visual Basic程序设计案例教程 工业和信息化普通高等教育“十二五”规划教材立项项目 教学课件 ppt 作者 刘红梅 第4章》由会员分享，可在线阅读，更多相关《Visual Basic程序设计案例教程 工业和信息化普通高等教育“十二五”规划教材立项项目 教学课件 ppt 作者 刘红梅 第4章（123页珍藏版）》请在金锄头文库上搜索。
1、第4章使用常用控件创建应用程序界面,学习目标 理解掌握常用控件的界面设计、属性设置； 理解掌握常用控件方法的运用、事件的调用； 学会运用常用控件设计应用程序。 重点和难点 重点：单选按钮、复选框、列表框和组合框的属性、事件及方法； 难点：利用常用控件设计应用程序。 课时安排 讲授4学时，实训4学时,4.1 任务描述,在界面设计中，除了用到基本控件：文本框、命令按钮和标签之外，还要用到很多控件。为了创建“学生信息录入”窗体，要用到图片框、列表框、单选钮、复选框、框架等。本章详细介绍Visual Basic 6.0常用控件的使用方法。,4.2 任务分析,要在Visual Basic 6.0中创建“
2、学生信息录入”窗体，如图4-1所示。需要在窗体中添加如下控件：8个标签、3个文本框、2个命令按钮、1个框架、2个单选钮、1个组合框、1个下拉列表框、1个图片框等。各控件的属性设置在学习了控件之后，再进行设计。,4.2 任务分析,图4-1 “学生信息录入”窗体,4.3 创建“学生信息录入”窗体,4.3.1 图片框（PictureBox） 4.3.2 图像框（Image） 4.3.3 复选框（CheckBox）和单选按钮（OptionButton） 4.3.4 列表框（ListBox） 4.3.5 组合框（ComboBox） 4.3.6 框架（Frame） 4.3.7 水平滚动条（HScrollB
3、ar）和垂直滚动条（VScrollBar） 4.3.8 计时器（Timer）,4.3 创建“学生信息录入”窗体,4.3.1 图片框（PictureBox） 图片框用来显示图形，显示Print方法输出的文本，也可以作为其他控件的容器。 1属性 除了和其他控件共有的属性之外，图片框的主要属性还有： （1）Picture（图片）属性。 指定图片框中显示的图形。既可以在属性窗口中设置，又可以在代码中实现。单击属性窗口中的“Picture”属性，右边出现“对话框”按钮。单击此按钮，打开“加载图片”对话框，如图4-2所示。,4.3.1 图片框（PictureBox）,图4-2 “加载图片”对话框,4.3.
4、1 图片框（PictureBox）,单击“文件类型”下拉列表框右边的箭头，下拉出文件类型列表，如图4-3所示。可以看到图片框可以加载的图形文件类型有：BMP、GIF、JPG、WMF、ICO等格式的文件。,图4-3 加载图形类型,4.3.1 图片框（PictureBox）,在代码中设置，需要用函数LoadPicture()。LoadPicture()函数的功能是将图形文件装入图片框或图像框。语句格式如下： 对象名.Picture= LoadPicture(filename) 说明： 对象名：要加载图形的图片框、图像框或窗体的名称。 filename：指定被显示图形的包含路径的文件名。 当函数后没
5、有指定文件名，可以清除图形。,4.3.1 图片框（PictureBox）,（2）AutoSize（自动大小）属性。 决定控件是否能自动调整大小以显示所有的内容。属性值为True（真）和False（假）。当属性值设置为True时，表示控件大小能自动调整，以显示全部内容。当属性值设置为False时，表示控件大小不能自动调整，超出控件区域的图形内容不被显示。此值为默认值。,4.3.1 图片框（PictureBox）,例4-1 设计程序，实现在图片框中加载图形，调整图形的大小，观察图形在图片框中的显示情况。 （1）设计界面。 在窗体上添加1个图片框和4个命令按钮。 （2）设置属性。 控件属性设置如表4
6、-1所示。,4.3.1 图片框（PictureBox）,表4-1 例4-1控件属性设置,4.3.1 图片框（PictureBox）,设计后的界面如图4-4所示。,图4-4 例4-1的设计界面,4.3.1 图片框（PictureBox）,（3）编写代码。 双击窗体，打开代码窗口，输入如下代码： Private Sub Form_Load() Command1_Click Command3_Click End Sub Private Sub Command1_Click() Picture1.AutoSize=False Picture1.Height=260 End Sub Private Su
7、b Command2_Click() Picture1.AutoSize=True End Sub,4.3.1 图片框（PictureBox）,Private Sub Command3_Click() Picture1.Picture=LoadPicture(“C:Program FilesMicrosoft Visual StudioVB98tupian.jpg“) End Sub Private Sub Command4_Click() Picture1.Picture = LoadPicture(“) End Sub,4.3.1 图片框（PictureBox）,输入代码后的窗口如图4-5
8、所示。,图4-5 例4-1输入代码后的窗口,4.3.1 图片框（PictureBox）,（4）运行程序。 按【F5】键，运行程序。初始化运行结果如图4-6所示。,图4-6 例4-1初始化,4.3.1 图片框（PictureBox）,单击“千呼万唤始出来”命令按钮，界面如图4-7所示。图片全部显示出来。,图4-7 “千呼万唤始出来”,4.3.1 图片框（PictureBox）,单击“犹抱琵琶半遮面”命令按钮，结果如图4-8所示。,图4-8 “犹抱琵琶半遮面”,4.3.1 图片框（PictureBox）,单击“清空”命令按钮，结果如图4-9所示。,图4-9 “清空”,单击“装载”命令按钮，结果又如
9、图4-7所示。,4.3.2 图像框（Image）,图像框只用来显示图形，不具有图片框的其他功能。 1属性 （1）Stretch（伸展）属性。 决定是否调整图形的大小以适应图形控件。属性值为True或False。当属性值设置为True时，表示图形大小能自动调整，以适应图像框的大小。当属性值设置为False时，表示控件大小能自动调整，来适应图形大小。此值为默认值。 （2）Picture（图片）属性。 图像框的Picture属性和图片框的Picture属性相同。,4.3.2 图像框（Image）,例4-2 设计程序，观察图像框中的图片在Stretch属性取不同值时的不同。 （1）设计界面。 在窗体上
10、添加1个图像框和4个命令按钮。 （2）设置属性。 控件属性设置如表4-2所示。,4.3.2 图像框（Image）,表4-2 例4-2控件属性设置,4.3.2 图像框（Image）,设计后的界面如图4-10所示。,图4-10 例4-2的设计界面,4.3.2 图像框（Image）,（3）编写代码。 双击窗体，打开代码窗口，输入如下代码： Private Sub Form_Load() Image1.Picture = LoadPicture(“C:Program FilesMicrosoft Visual StudioVB98tupian.jpg“) End Sub Private Sub Com
11、mand1_Click() Image1.Stretch = True End Sub Private Sub Command2_Click() Image1.Stretch = False End Sub Private Sub Command3_Click() Image1.Width = Image1.Width * 2 Image1.Height = Image1.Height * 2 End Sub Private Sub Command4_Click() Image1.Width = Image1.Width 2 Image1.Height = Image1.Height 2 En
12、d Sub,4.3.2 图像框（Image）,输入代码后的窗口如图4-11所示。,图4-11 例4-2输入代码后的窗口,4.3.2 图像框（Image）,（4）运行程序。 单击工具栏中的“启动”按钮，运行程序，运行结果如图4-12所示。,图4-12 例4-2初始化,4.3.3 复选框（CheckBox）和单选按钮（OptionButton）,复选框和单选按钮用来表示状态，在程序运行期间可以改变其状态。复选框用“”表示被选中，可以同时选择多个；在一组单选按钮中，只能选择其中的一个，当选中某个单选按钮时，其他单选按钮都处于未选定状态。 1属性 前面介绍的大多数属性，如：Name、Caption、E
13、nabled、FontBold、FontItalic、FontName、FontSize、FontUnderline、Height、Left、Top、Visible、Width等，都可以用于复选框和单选按钮。此外，还可以使用下列属性：,4.3.3 复选框（CheckBox）和单选按钮（OptionButton）,（1）Value（值）属性。 该属性用来表示复选框或单选按钮的状态。对于单选按钮来说，Value属性可设置为True或False。当设置为True时，该单选按钮是“选中”的，按钮的中心有一个原点；如果设置为False，则单选按钮是“未选中”的，按钮是一个圆圈。 对于复选框来说，Valu
14、e属性有0、1或2三个值。 0Uncheckd（没有选择），表示没有选择该复选框； 1Checked（选择），表示选中该复选框； 2Grayed（灰色），表示该复选框被禁止（灰色）；,4.3.3 复选框（CheckBox）和单选按钮（OptionButton）,（2）Alignment（对齐）属性。 该属性用来设置复选框或单选按钮控件标题的对齐方式，它可以在设计时设置，也可以在运行期间设置，格式如下： 对象.Alignment = 值 这里的“对象”可以是复选框或单选按钮，也可以是标签和文本框；“值”可以是数字0或1，也可以是符号常量。当对象为复选框或单选按钮时，“值”的含义如表4-3所示。,
15、4.3.3 复选框（CheckBox）和单选按钮（OptionButton）,表4-3 Alignment属性取值,4.3.3 复选框（CheckBox）和单选按钮（OptionButton）,（3）Style（式样）属性。 该属性用来指定复选框或单选按钮的显示方式，以改善视觉效果。其取值如表4-4所示。,表4-4 Style属性取值,4.3.3 复选框（CheckBox）和单选按钮（OptionButton）,在使用Style属性时，应该注意以下几点： Style 是只读属性，只能在设计时使用。 当Style属性被设置为1时，可以配合Picture、DownPicture和DisabledP
16、icture属性分别设置不同的图标或位图，用来表示未选定、选定和禁用。 Style 属性被设置为不同的值（0或1）时，其外观类似于命令按钮，但其作用与命令按钮是不一样的。 （4）Picture（图形）属性。 返回或设置控件中显示的图形。,4.3.3 复选框（CheckBox）和单选按钮（OptionButton）,（5）DownPicture（按下图形）属性。 在Style 属性设置为1Graphical（图形化）时，设置按钮按下状态时显示的图形。 （6）DisabledPicture（无效图形）属性。 在Style 属性设置为1Graphical（图形化）时，设置按钮无效时显示的图形。,4.3.3 复选框（CheckBox）和单选按钮（OptionButton）,2事件 复选框或单选按钮都可以接受Click事件，但通常不对复选框或单选按钮的Click事件进行处理。当单击复选框或单选按钮时，将自动变换其状态，一般不需要
