模块2 程序界面设计基础（教案）-《程序设计基础-Visual Basic》同步教学（语文出版社）
课题名称 | 模块2 程序界面设计基础 | 计 划 学 时 | 6学时 |
内容分析 | 在设计程序的时候首先要了解程序的界面，窗体是 VB 可视化程序界面设计的第一个对象，它是Windows 图形界面设计的平台，是装载其他对象的容器，相当于画家绘画的画布。
| ||
教学目标及基本要求 | 1. 带领学生通过完成相应案例，掌握窗体的建立、添加和删除方法；掌握窗体的常用属性、事件和方法；掌握如何设置启动窗体。 2. 带领学生通过完成相应案例，掌握控件的添加和删除方法；掌握控件的编辑；掌握标签、文本框和命令按钮等基本控件的常用属性、事件和方法。 | ||
重点及措施 | 1. 掌握窗体的设计方法。 2. 掌握控件的设计方法。 | ||
难点及措施 |
| ||
教学方式 | 讲师课堂教学以PPT讲授为主，结合多媒体进行教学 | ||
教 学 过 程
| 第一学时 建立、添加和删除窗体 一．教师演示案例2-1， 创建一个有三个窗体的工程。 1.需求分析：新建工程时，系统会自动创建一个窗体，再利用添加窗体的方法将另外两个窗体建立起来。 2.案例实施：具体步骤略 3.学生操作，独立完成案例2-1。 二．教师演示案例2-1，删除案例 2-1 中的 Form2 和 Form3 窗体，只保留 Form1 窗体。 1.需求分析： 删除窗体可以使用“工程”菜单或“工程管理器”来完成。 2.案例实施：具体步骤略 3.学生操作，独立完成案例2-2。 三．教师演示案例2-1，将案例 2-2 中删除的两个窗体文件再添加进来。 1.需求分析： 删除窗体可以使用“工程”菜单或“工程管理器”来完成。 2.案例实施：具体步骤略 3.学生操作，独立完成案例2-2。 四．内容讲解 窗体的建立、添加和删除操作均可以使用“工程”菜单完成。有的操作可以使用工具按钮，还可以使用相应的快捷菜单。VB 为程序设计人员提供了一种特殊的过程和函数，称为方法，供用户直接调用。 五．自我探索（以学生自主学习与操作为主） 创建一个有两个窗体的工程，要求： （1） 保存时，将窗体分别命名为“第一个界面 .frm”“第二个界面 .frm”，将工程命名为“两个界面 .vbp”。 | ||
学科网（北京）股份有限公司
| （2）移除“第二个界面 .frm”。 （3）将“第二个界面 .frm”添加进工程。 第二学时 窗体的属性、事件和方法 一．教师演示案例2-4，制作“美食欣赏——浓情八宝饭”。 1.需求分析：让生活多一些美食，让生命多一些幸福的滋味。运行该程序界面如图2-9所示，界面标题为“美食欣赏——浓情八宝饭”，界面显示一幅八宝饭的图片，只显示最小化按钮，不显示最大化按钮。此案例可以通过设置窗体的属性完成。 2.案例实施：（教师强调下面的内容） 打开属性窗口的方法有以下几种： 方法 1：单击“视图”菜单中的“属性”窗口选项。 方法 2：按【F4】键或按工具按钮 （属性窗口）。 方法 3：右击窗体空白处，在弹出的快捷菜单中选择“属性”窗口选项。 3.学生操作，独立完成案例2-1。 4.内容讲解： 窗体属性决定了窗体的外观和操作。 （1）Caption 属性——标题属性。Caption 属性决定窗体的标题栏显示的内容。 （2）Picture 属性——图形属性。Picture 属性设置窗体中显示的图形。 （3）MaxButton 属性——最大化按钮属性。MaxButton 属性决定窗体是否有最大化 按钮。当选择“False”的表示没有最大化按钮，当选择“True”的表示有最大化按钮。 二．教师演示案例2-5， 制作“会变的脸”界面。 1.需求分析： 程序运行时显示图2-15所示界面，单击窗体时显示如图2-16所示“笑脸”的界面，双击窗体时显示如图2-17所示的“哭脸”的界面。观察程序运行时的第一个界面（图 2-15），界面标题为“变脸”，界面为白色，这些可以通过改变窗体的属性完成。有两行红色的提示性文字，可以使用标签控件属性来实现。窗体及标签的属性见表 2-1。 2.案例实施：具体步骤略 3.学生操作，独立完成案例2-5。 4.内容讲解： 窗体的事件较多，常用的有Load（装载）事件、Click（单击）事件和DblClick（双击）事件。 三．教师演示案例2-6，制作“图片浏览器——茶艺欣赏”。 1.需求分析： 浏览器运行的初始界面如图2-24所示，单击【开始】命令按钮，出现如图2-25所示的界面，单击【结束】铵钮，退出程序。在图2-25所示的界面中，单击【上一页】按钮，回到图2-24所示的界面，单击【下一页】按钮，出现如图2-26所示的界面。该图片浏览器中的图片可以使用窗体的 Picture 属性添加。由于每个运行界面都有不同的控件，可以尝试使用多个窗体来完成。本案例可以使用 3 个窗体来实现图片浏览的功能。 2.案例实施：具体步骤略 3.学生操作，独立完成案例2-6。 |
学科网（北京）股份有限公司
| 4.内容讲解： 窗体常用方法： （1）Show方法 （2）Print方法 （3）Hide方法 （4）Cls方法 （5）Unload方法 四．自我探索（以学生自主学习与操作为主） 动手制作“我的相册”。
第三学时 启动窗体的设置 一．教师演示案例2-7，设置启动窗体。 1.需求分析：系统默认的启动窗体，是第一个窗体。也就是说，应用程序从第一个窗体开始执行，而其他窗体未经调用，就不会执行。 当一个工程中添加了多个窗体时，就需要设置启动对象。将案例2-6中的Form2设置为启动窗体，观察图片浏览器的功能运行是否正常。 2.案例实施：具体步骤略 3.学生操作，独立完成案例2-7。 4.内容讲解： 设置启动窗体的方法是单击“工程”菜单中的“工程 1 属性…”选项，在弹出 “工程 1- 工程属性”对话框中选择要设置的窗体为启动窗体。 二．教师演示案例2-8，将案例 2-6 设置为没有启动窗体。 1.需求分析：对于案例 2-6，如果不使用任何一个窗体作为启动窗体，需要用 Sub Main 子过程作为启动窗体。Sub Main 子过程负责显示 Form1 窗体。 2.案例实施：具体步骤略 3.学生操作，独立完成案例2-7。 4.内容讲解：使学生理解设置启动窗体的原因。 启动工程的另一个方法是选择子过程作为启动对象，例如，用 Sub Main 子过程作为启动窗体。 当应用程序在启动时要处理大量的数据或装入大型位图时，需要时间较长。此时，可先将制作好的单独一个窗体作为快速显示窗体，在启动应用程序之前，可先显示此窗体，再显示主窗体。现在一些较流行的软件如 Visual Basic、Photoshop 等，都在启动时先显示一个版本信息窗口，可使较慢的启动过程不再枯燥。 三．自我探索（以学生自主学习与操作为主） 为案例 2-6 制作一个“快速显示窗体。
第四学时 控件的添加和删除 一．教师演示案例2-9，制作“不忘初心”立体字效果。 1.需求分析：立体字效果实际是使用两个标签，利用白色和黑色的错位来达到 |
学科网（北京）股份有限公司