第十课
体验可视化的程序设计
教学目标
（一）知识与技能
1窗体。
2窗体的命名(Form的
Caption、Name属性)及多窗体的添加方法。
3添加控件及设置控件属性。
4对象属性值与赋值号。
5对象的事件。
过程与方法
认识VB窗体，学习、体验窗体的命名及多窗体的添加方法，添加控件及设置控件属性，对象属性值与赋值号等操作。掌握可视化的程序设计对象的事件。
情感态度价值观
丰富技能知识，开拓视野，培养学习兴趣，提高信息技术素养。
教学重难点
1、在窗体上添加控件及设置控件属性
2、对象的事件
教学过程
任务与问题导入：
“图10-1‘操作鼠标学英语’软件”所示的“操作鼠标学英语”软件就是小明的校友用学过的VB知识自己开发制作的。于是，小明思考了以下问题。
(1)如何在VB中创建两个界面?
(2)两个界面中的标签、按钮及图像框等对象是怎么建立的?
(3)图10-1(b)中用鼠标单击、鼠标按下等不同向应动作的秘密是什么?
一、窗体及其操作
启动VB后的第一个对象就是窗体(Form)，它如同一个舞台，在窗体上人们可根据需要创建文本框、按钮、图片框等各类对象(工具箱中所有的控件)。
1.认识窗体
图10-2窗体的组成
讨论
对比你学过的应用软件，有哪些窗口与VB窗体相类似?
2.添加窗体
在VB中新建工程时，系统会自动新建一个窗体
Form1，在程序软件开发时，有时会根据需求添加多个窗体。如“操作鼠标学英语”软件就有两个窗体，分别构成封面与学习页面。添加窗体的具体操作步骤如图10-3所示。
1点击“工程”菜单，选择“添加窗体”
2.在对话框中选择默认窗体
3.点击“打开”按钮
图10-3添加窗体的具体操作步骤
3.设置窗体属性
在VB中，每个对象都有若干个用以描述个性特色的属性，如窗体的名称、标题栏内容、背景颜色等。
以控件的名称属性为例，人们为什么要对不同控件的默认名称进行重命名，其实就是想让它具有指定意义，以方便程序的阅读与修改。例如，在“操作鼠标学英语”这款软件中，我们将窗体的默认名称Form1修改为“
Formfm”，表明它的作用是该软件的封面，而添加的第二个窗体Form2的新名称为“
Form
Xuexi，说明它是学习页面，这样也就让它们有了具体的含义。
设置窗体属性的步骤如下。
(1)修改窗体的名称。具体操作步骤如图10-4所示。
图10-4窗体的名称属性的修改步骤
试一试
根据图10-4，在VB中新建一个工程文件并完成以下任务:
①创建两个窗体，并分别修改窗体的名称，②保存文件。
(2)修改窗体的标题属性。
标题属性的英文名称为“
Caption”，对窗体左上角标题栏处的文字进行修改，具体操作步骤如图10-5所示。
图10-5窗体的标题属性的修改步骤
试一试
根据图10-5，将窗体
Formxuexi的标题属性修改为“欢迎进入单词学习界面”。
二、在窗体上添加控件及设置属性
VB作为一种可视化的编程开发工具，提供了放置在工具箱中的控件，如，按钮(
Command)、标签(
Label)、图像框(mage)等，可根据用户的需求选择并设置其属性和设计程序。那么，如何在窗体上添加控件呢?
1.在窗体上添加控件
启动VB并新建工程后，可选用表10-1中的方法添加控件。具体操作方法如图10-6所示。
图10-6窗体的控件的添加方法
表10-1
VB中控件的添加方法(以
Command控件为例)
练一练
打开素材文件夹中的文件“添加控件设置属性.vbp”,双击该文件启动进入VB编程界面。依据图10-7所示的要求完成窗体
Formxuexi上添加控件的任务，并保存程序。
图10-7窗体
Formxuexi中的控件
2.对象的属性设置
属性面板可对窗体进行属性设置，也可对窗体上控件进行属性设置。下面以窗体
Formfm上控件的属性设置为例。其中，图片控件的属性设置具体操作步骤如图10-8所示。
图10-8图片控件的属性设置
操作之前，要想好各控件的属性值，如表10-2所示。
表10-2窗体
Former上各控件的属性设计属性
练一练
参考窗体标题属性的设置方法及表10-2完成窗体FormFm、窗体
Formxuexi上标签控件、按钮控件的属性设置。
用程序代码进行设置对象的属性。控件的属性也可以通过编写代码的形式来设置。其语法格式为：
对象名.属性名=属性值
例如，代码
Lab1bt1.
caption=“学英语”意思为:将“=”(赋值号)右边双引号中的内容，赋值给左边对象名为“
Labl1Bt1”的标题属性(
Caption)。
资料室
有趣的“=”(赋值号)
“=”(赋值号)与数学中的等号形同意不同，它不表示等量关系，而是具有将右边变量的值赋值给“=”左边的对象属性的功能。
三、神奇的对象事件
1.实现窗体跳转的方法
在“操作鼠标学英语”软件中，要实现当用户单击封面上的“进入”按钮时，有从封面到学习界面的跳转效果，就要对“按钮”控件进行程序设计。在这里我们要清楚几个问题，第一，执行命令的对象是“按钮”(
Command.Jr;第二，启动命令的动作是鼠标单击;第三，命令是窗体1(
Formen)隐藏，窗体2(
Formxuexi)显示。具体操作方法如“图10-9实现窗体跳转的方法”所示。
2.对象的事件
在VB的对象中，事件是对象对用户的触发做出响应的方式。由于对象各自特性不同，其各自响应的事件也不相同。换言之，不同的对象，其响应的事件是有区别的，如表10-3所示。
表10-3几种常见的鼠标事件功能表
讨
论
以窗体(Form)、标签(
Label)、图片(
Image)、按钮(
Command)为研究对象，比较它们各自的事件有什么共同点和不同点。
试一试
请在窗体创建、控件添加、属性设置完成的基础上，继续完成窗体
Form
Xuexi中所有控件的设置程序代码，具体操作步骤如图10-10所示。
注意:图10-10仅以控件
Commandsj1为例，控件
Commandsj2、
Commandsj3、
Commandsj4、
CommandEnd请参照设置。
讨论
下面代码中红色字体表示什么?蓝色字体表示什么?咖啡色字体又表示什么?请仿照色字体的部分，为每句代码加入注释。
思考与练习
1尝试设置标签控件和按钮控件的属性，感受两种属性设置方法的特点。
2选择工具箱中任意两种控件，在VB中打开代码窗口，从事件列表框中观察各控件的事件种类包含什么相同事件与不同事件，并简述原因。
课堂小结
这节课，我们认识了VB窗体，学习、体验窗体的命名及多窗体的添加方法，添加控件及设置控件属性，对象属性值与赋值号等操作。掌握了可视化的程序设计对象的事件。培养大家的学习兴趣，丰富了技能知识，开拓视野，提高了信息技术素养。
板书设计
窗体及其操作
体验可视化的程序设计
在窗体上添加控件及设置属性
神奇的对象事件
课后反思(共40张PPT)
第十课
体验可视化的程序设计
“图10-1‘操作鼠标学英语’软件”所示的“操作鼠标学英语”软件就是小明的校友用学过的VB知识自己开发制作的。于是，小明思考了以下问题。
(1)如何在VB中创建两个界面?
(2)两个界面中的标签、按钮及图像框等对象是怎么建立的?
(3)图10-1(b)中用鼠标单击、鼠标按下等不同向应动作的秘密是什么?
一、窗体及其操作
启动VB后的第一个对象就是窗体(Form)，它如同一个舞台，在窗体上人们可根据需要创建文本框、按钮、图片框等各类对象(工具箱中所有的控件)。
1.认识窗体
图10-2窗体的组成
讨论
对比你学过的应用软件，有哪些窗口与VB窗体相类似?
2.添加窗体
在VB中新建工程时，系统会自动新建一个窗体
Form1，在程序软件开发时，有时会根据需求添加多个窗体。如“操作鼠标学英语”软件就有两个窗体，分别构成封面与学习页面。添加窗体的具体操作步骤如图10-3所示。
1.点击“工程”菜单，选择“添加窗体”
2.在对话框中选择默认窗体
3.点击“打开”按钮
3.设置窗体属性
在VB中，每个对象都有若干个用以描述个性特色的属性，如窗体的名称、标题栏内容、背景颜色等。
以控件的名称属性为例，人们为什么要对不同控件的默认名称进行重命名，其实就是想让它具有指定意义，以方便程序的阅读与修改。例如，在“操作鼠标学英语”这款软件中，我们将窗体的默认名称Form1修改为“
FormFm”，表明它的作用是该软件的封面，而添加的第二个窗体Form2的新名称为“
Form
Xuexi，说明它是学习页面，这样也就让它们有了具体的含义。
设置窗体属性的步骤如下。
(1)修改窗体的名称。具体操作步骤如图10-4所示。
试一试
根据图10-4，在VB中新建一个工程文件并完成以下任务:
①创建两个窗体，并分别修改窗体的名称，②保存文件。
(2)修改窗体的标题属性。
标题属性的英文名称为“
Caption”，对窗体左上角标题栏处的文字进行修改，具体操作步骤如图10-5所示。
图10-5窗体的标题属性的修改步骤
试一试
根据图10-5，将窗体
Formxuexi的标题属性修改为“欢迎进入单词学习界面”。
二、在窗体上添加控件及设置属性
VB作为一种可视化的编程开发工具，提供了放置在工具箱中的控件，如，按钮(
Command)、标签(
Label)、图像框(mage)等，可根据用户的需求
选择并设置其属性和设计程序。那么，如何在窗体上添加控件呢?
1.在窗体上添加控件
启动VB并新建工程后，可选用表10-1中的方法添加控件。具体操作方法如图10-6所示。
图10-6窗体的控件的添加方法
练一练
打开素材文件夹中的文件“添加控件设置属性.vbp”,双击该文件启动进入VB编程界面。依据图10-7所示的要求完成窗体
Formxuexi上添加控件的任务，并保存程序。
图10-7窗体
Formxuexi中的控件
2.对象的属性设置
属性面板可对窗体进行属性设置，也可对窗体上控件进行属性设置。下面以窗体
Formfm上控件的属性设置为例。其中，图片控件的属性设置具体操作步骤如图10-8所示。
操作之前，要想好各控件的属性值，如表10-2所示。
表10-2窗体
Former上各控件的属性设计属性
练一练
参考窗体标题属性的设置方法及表10-2完成窗体FormFm、窗体
Formxuexi上标签控件、按钮控件的属性设置。
用程序代码进行设置对象的属性。控件的属性也可以通过编写代码的形式来设置其语法格式为
对象名.属性名=属性值
例如，代码
Lab1bt1.
caption=“学英语”意思为:将“=”(赋值号)右边双引号中的内容，赋值给左边对象名为“
Labl1Bt1”的标题属性(
Caption)。
资料室
有趣的“=”(赋值号)
“=”(赋值号)与数学中的等号形同意不同，它不表示等量关系，而是具有将右边变量的值赋值给“=”左边的对象属性的功能。
三、神奇的对象事件
1.实现窗体跳转的方法
在“操作鼠标学英语”软件中，要实现当用户单击封面上的“进入”按钮时，有从封面到学习界面的跳转效果，就要对“按钮”控件进行程序设计。在这里我们要清楚几个问题，第一，执行命令的对象是“按钮”(Command.Jr);第二，启动命令的动作是鼠标单击;第三，命令是窗体1(
Formen)隐藏，窗体2(
Formxuexi)显示。具体操作方法如图10-9所示。
2.对象的事件
在VB的对象中，事件是对象对用户的触发做出响应的方式。由于对象各自特性不同，其各自响应的事件也不相同。换言之，不同的对象，其响应的事件是有区别的，如表10-3所示。
讨论
以窗体(Form)、标签(
Label)、图片(
Image)、按钮(
Command)为研究对象，比较它们各自的事件有什么共同点和不同点。
试一试
请在窗体创建、控件添加、属性设置完成的基础上，继续完成窗体
Form
Xuexi中所有控件的设置程序代码，具体操作步骤如图10-10所示。
注意:图10-10仅以控件
Commandsj1为例，控件
Commandsj2、
Commandsj3、
Commandsj4、
CommandEnd请参照设置。
讨论
下面代码中红色字体表示什么?蓝色字体表示什么?咖啡色字体又表示什么?请仿照色字体的部分，为每句代码加入注释。
思考与练习
1尝试设置标签控件和按钮控件的属性，感受两种属性设置方法的特点。
2选择工具箱中任意两种控件，在VB中打开代码窗口，从事件列表框中观察各控件的事件种类包含什么相同事件与不同事件，并简述原因。
课堂小结
这节课，我们认识了VB窗体，学习、体验窗体的命名及多窗体的添加方法，添加控件及设置控件属性，对象属性值与赋值号等操作。掌握了可视化的程序设计对象的事件。培养大家的学习兴趣，丰富了技能知识，开拓视野，提高了信息技术素养。
板书设计
窗体及其操作
体验可视化的程序设计
添加控件及设置属性
神奇的对象事件
