模块7 菜单 工具条与状态栏（教案）-《程序设计基础-Visual Basic》同步教学（语文出版社）

课题名称 模块7 菜单 工具条与状态栏 计 划 学 时 8学时 内容分析 Visual Basic 是一种新型的现代语言，其开发应用程序的工作主要包含两部分工作：一是设计用户界面；二是编写程序代码。如果我们可以设计出用户满意的界面，我们的工作就相当于成功了一半，可见设计出一个出色的界面是很重要的工作。为此，Visual Basic 向用户提供了多种图形对象供设计者进行应用界面的设计，除了我们前面介绍的常用控件外，VB 还为设计者提供了“菜单、工具条、状态栏”等对象供设计者使用。通过对程序设计菜单、工具条和状态栏，我们能让界面更生动多彩、也让界面变得更加友好，并为用户提供了更快捷的操作方式。 本模块我们要掌握 1、菜单栏的设计制作 2、 工具条的设计制作 3、 状态栏的设计制作 教学目标及基本要求 1、掌握菜单的制作，包括普通菜单和弹出式带单。 2、掌握工具栏的实现过程。 3、掌握状态栏的实现过程。 重点及措施 1、掌握菜单编辑器的使用。 2、掌握ToolBar和ImageList控件的使用。 3、掌握StatusBar控件的使用 难点及措施 1、 掌握使用菜单编辑器设计菜单。 2、 掌握ToolBar和ImageList控件之间的协作关系。 3、 掌握使用StatusBar控件设计状态栏。 教学方式 讲师课堂教学以PPT讲授为主，结合多媒体进行教学 教 学 过 程 第一学时 认识菜单 1、 内容讲解 （以教师讲解为主） 1. 菜单的基本组成 菜单系统通常由以下 3 个基本组成部分： （1） 菜单栏：通常指位于窗口标题栏下方的矩形条状区域。菜单栏内包含若干个菜单标题。 （2）菜单名称：通常指菜单栏中菜单的名称。每个菜单名称下有一个相对应的下拉列表。 （3） 菜单命令：通常指包含于菜单名称下拉列表中的各个选项，每个选项都是一个命令。当菜单命令被选中时，计算机就会执行相应的命令、过程或函数， 若菜单命令下包含子菜单，则被选中的菜单命令将打开下一级菜单。 2. 菜单的其他组成 菜单其他常用组成部分包括子菜单、分割线、访问键、快捷键、菜单命令复选标记等。 （1）子菜单。有的菜单命令的最右侧有一个“ ”标记，当单击这样的菜单命令时会打开下一次菜单，这样的菜单称作子菜单。子菜单中仍可包含下一级子菜单。 （2）分割线。分割线是将菜单中内容比较相近的菜单命令进行逻辑分组。 （3）访问键。访问键为菜单名称右侧括号内带下划线的字符。在打开菜单时，除了可以单击菜单名称 打开菜单外，还可以按住【ALT】键同时按预先设定好的访问键来打开菜单。 （4）快捷键。有些菜单命令右侧有快捷键，如图 7-2中的“新建工程”菜单命令的快捷键显示在其右侧为【Ctrl+N】。快捷键用于快速执行相对应的菜单命令，只要按下快捷键，系统就会立即执行相应的菜单命令。快捷键优化了常用菜单命令的执行速度，大大提高了程序的可用性。 （5）菜单命令复选标记。有些菜单命令表示的是一种开关状态，我们用菜单命令复选标记来表示其状态的打开或关闭的状态。 二、教师演示案例7-1：制作下拉式菜单 1.需求分析：运行程序，可以看到这个程序使用了下拉菜单的模式来对北京冬奥会进行分类介绍。“下拉菜单”是程序界面设计中常见的组成要素，可以直观的了解程序的功能有哪些。本案例中这组菜单共包含了四个菜单名称，每个菜单名称下分别包含不同的菜单命令。 2.新建工程设置窗体属性 3.案例实施：使用菜单编辑器设置菜单，具体步骤略 4.学生操作，教师指导学生完成案例7-1。 第二学时 下拉式菜单 1、 教师带领学生回顾案例7-1 制作下拉式菜单 2、 内容讲解 （以教师讲解为主） 1.打开菜单编辑器有以下几种方法： 方法1：单击“工具”菜单中的“菜单编辑器”按钮。 方法2：按【Ctrl+E】快捷键。 方法3：单击工具栏中的“菜单编辑器”按钮。 方法4：右击窗体空白处，在弹出的快捷菜单中单击“菜单编辑器”按钮。 在菜单编辑器中设置菜单的属性 2.菜单编辑器主要选项说明： （1）“标题”的功能。这项功能相当于控件的Caption属性，是程序运行时显示在菜单上的说明文字。这个选项中的内容主要是提供给用户 看的。此项为必填项。 （2）“名称”的功能。这项功能相当于控件的名称属性，这个选项中的内容是提供给计算机来识别控件使用的。名称项可以是简单的控件名称，也可以是控件数组的名称。控件数组元素必须是连续的且在相同的子菜单内。如果使用控件数组的名称，则需使用“索引”项配合来指定该菜单名称在数组中的顺序。此项为必填项。 三．自我探索（以学生自主学习与操作为主） 仿照 Visual Basic 6.0 的文件菜单制作一个下拉菜单。 要求： （1）按照文件菜单建立所有的菜单命令； （2）为菜单名称和菜单命令添加指定的访问键或快捷键； （3）按需要添加指定的分割线； （4）为相应的菜单命令设置非有效性。 第三学时 弹出式菜单（一） 一、教师演示案例7-2：制作弹出式菜单 1.需求分析：运行程序，当鼠标右击窗口时，窗体会弹出预定的快捷菜单。快捷菜单是我们在程序中常见的元素之一，通过本案例，我们通过过菜单编辑器预设快捷菜单内容、使用PopupMenu 方法来实现弹出式菜单的制作。 2.新建工程设置窗体属性 3.案例实施：具体步骤略 4.学生操作，教师指导学生完成案例7-2 二、内容讲解 （以教师讲解为主） 一般情况下，弹出式菜单是不显示的。程序运行时，每次只能显示一个弹出式菜单。若已经显示了一个弹出式菜单，则不再打开其他的弹出式菜单。我们需要使用 PopupMenu 方法来实现 指定菜单的弹出其语法格式是： [ 对象 ].PopupMenu< 菜单名称 >[,Flags[,x[,y]]] PopupMenu 方法中的 Flag 参数及 x、y 值用来定义弹出式菜单的位置，缺省为鼠标指针的当前位置。Flags=0，表示只能用鼠标左键来选择弹出式菜单中的项目。Flags=2表示即可用左键也可用右键。当开始运行程序时，用鼠标右键单击窗体，执行 Form_MouseUp 事件过程，弹出指定的快捷菜单。程序中的 Button 表示按下的鼠标按键。Button=2 表示按下的是鼠标右键。当按下鼠标右键时，用 PopupMenu 方法显示弹出式菜单。 第四学时 弹出式菜单（二） 一．教师带领学生回顾案例7-2 制作弹出式菜单 1、回顾菜单编辑器的使用 2、回顾实现弹出式菜单要利用的PopupMenu 方法如何使用。 二．内容讲解 （以教师讲解为主） 在编写弹出式菜单的程序代码时，为什么不使用 Click 事件来响应鼠标操作，而是使用 MouseUp 事件来响应鼠标操作呢？ Click 事件是在单击鼠标时触发的事件，但系统不能区分单击的是鼠标的左键还是鼠标的右键。MouseUp 事件是在鼠标释放时发生的事件，该事件可以根据过程参数Button 的值来判断是鼠标左键还是鼠标右键的动作。因此在编写代码时，按照程序要求当鼠标右击时弹出快捷菜单，我们应选择 MouseUp 事件。 三．自我探索（以学生自主学习与操作为主） 制作一个简易加减运算器，利用弹出的菜单选择加法运算或减法运算。 第五学时 认识工具条并添加工具条控件 一、教师演示案例7-3：在窗体中添加Toolbar控件和ImageList控件 1.需求分析： Toolbar控件和ImageList控件是一种ActiveX控件，一般不在控件工具箱中显示。我们要想使用它们必须先将它们放入控件工具箱后，再进行使用。 2.新建工程和窗体 3.案例实施：添加控件，具体步骤略 4.学生操作，教师指导学生完成案例7-3 二、内容讲解 （以教师讲解为主） 1. 工具条简介 工具条可以向用户提供菜单命令的图形表示，是Windows应用程序窗口的重要组成部分，使用工具条可以进一步增强使用应用程序的方便性。工具条可以看做是一组单击后可以执行常用操作的按钮。工具条既可以浮动在窗口中，又可以放在窗口的上、下部等其他位置。工具条包含的按钮通常与应用程序菜单中各项命令对应，工具条为用户访问应用程序的常用功能和命令提供了图形接口。 2. 创建工具条 第一步，在窗体添加 ImageList 控件并在其中插入需要的图片。 第二步，在窗体添加 Toolbar 控件，添加按钮并设置其属性。 第三步，编写按钮对象的事件代码。 3.创建工具条的控件 ImageList 控件是 Visual Basic 6.0 专业版和企业版中用于创建工具条和图形工具按钮的控件。Toolbar 控件用于创建工具条，ImageList 控件用于为Toolbar等控件的按钮存放图像。利用这两个控件即可创建图形工具按钮了。 第六学时 设计工具条（一） 一、教师演示案例7-4：为程序设计简易工具条。 1.需求分析：运行程序，在窗体上第一次出现了工具条。这个程序的工具条只包含三个按钮，分别是“打开”、“保存”和“退出”。我们单击不同的按钮，每个按钮都会弹出相应的消息框。当我们单击退出按钮时，弹出消息框。在Visual Basic中，我们要使用 Toolbar 控件和 ImageList 控件制作工具条。 2.新建工程和窗体 3.案例实施：具体步骤略 4.学生操作，教师指导学生完成案例7-4 二、内容讲解 （以教师讲解为主） 可以在 Toolbar 属性页 Buttons 中设置新加入的按钮的属性。这些属性包括：索引(Index)、标题 (Caption)、描述信息 (Description)、关键字 (Key)、值 (Value)、样式 (Style)、宽度 (Width)、提示信息 (ToolTipText) 等。 1. 索引和关键字 Toolbar 中的按钮是通过集合 Buttons 来访问的。集合中每个按钮都有唯一与之对应 的标志，索引（Index）和关键字（Key）就是与按钮一一对应的标志。索引是整数类型的，类似于数组的下标。关键字是字符串类型的类似于对象的名字，但它与名字不同的是引用时必须加双引号，并且它中间可以包含任意的字符。按钮的关键字属性是可选的，可以为空。访问按钮时可以引用索引和关键字二者之一。例如，在名为 Toolbar1的 Toolbar 中加入按钮，其索引为“1”，关键字设置为“dakai”。在程序中可以通过以下两种方式之一访问该按钮： Toolbar1.Buttons(1) 或 Toolbar1.Buttons("dakai") 2. 标题 标题属性对应按钮上显示的文本，与普通按钮的 Caption 属性相同。 3. 提示信息和描述信息 提示信息（ToolTip Text）和描述信息（Description）都是字符串类型，用于设置按钮的提示文本和描述信息。设置了 ToolTipText，程序启动运行后，当用户把鼠标指针移到按钮上时，ToolTipText 对应的文本字符串自动浮出。该属性用于在程序运行时提示用户按钮的功能。程序启动运行后，用户双击工具条对其中的内容进行裁剪时，对话窗中每个按钮旁边显示的是按钮的Description 属性。 4. 样式 样式（Style）属性用于设置按钮的模式，不同样式的按钮具有不同的风格和作用。可供选择的样式属性有以下 5 种： 0-tbrDefault，一般按钮； 1-tbrCheck，开关按钮； 2-tbrButtonGroup，编组按钮； 3-tbrSeparator，分隔按钮； 4-tbrPlaceholder，占位按钮。 一般按钮与普通的按钮控件在操作风格上基本相同。开关按钮具有二值状态，按下和放开。编组按钮用于实现按钮之间的分组，相邻的编组按钮都属于同一组。编组按钮同时也是开关按钮，同组内至多只允许一个按钮处于按下状态。分隔按钮在Toolbar 中并不显示，而是把它左右的按钮分隔开来。Toolbar 中的按钮本来是紧挨着排列的，使用分隔按钮可以让同类或同组的按钮并列排放而与邻近的组分开。占位按钮在 Toolbar 中也不显示，它仅仅起到占位的作用。在占位按钮处可以安放其他控件诸如组合框之类。占位按钮是唯一可以设置宽度（Width）属性的按钮。 5. 值 值（Value）属性用于设置按钮的按下和放开状态。该属性一般用于设置开关按钮和编组按钮的初态。 6. 宽度 在属性页的 Buttons 组中可以看到，宽度（Width）属性后有一个文本框。只有当按钮的样式设置为“4-tbrPlaceholder”时，该属性才能被设置，其他情况下该属性被禁止。 第七学时 设计工具条（二） 一、教师带领学生回顾案例7-4 为程序设计简易工具条 二、内容讲解 （以教师讲解为主） 1.复习制作工具条的方法 2.如何修改已经设置好的工具条按钮属性 若在程序制作过程中发现为工具条按钮已经设置好的属性需要更改，则需在工具条单击鼠标右键，在弹出的快捷菜单中选择“属性”项，打开“属性页”对话框，选择“按钮”选项卡，如图 7-19 所示，单击“索引”文本框后的按钮，通过按钮索引号来找到需要修改按钮的属性页来修改属性。 三、自我探索（以学生自主学习与操作为主） 制作简易文本编辑器。 要求： （1）窗体中含有一个文本框，一个工具条。工具条上包含“剪 切”“复制”“粘贴”三个按钮，当鼠标停留在工具条按钮处，能显 示相关的提示文本。 （2）给工具条上的三个按钮编写代码，实现每个按钮的功能。 第八学时 设计状态栏 一、教师演示案例7-5 为窗体添加StatusBar控件。 1.需求分析：打开一个Visual Basic工程，如果我想在程序中添加状态栏，那我们首先要将StatusBar 控件添加到工具箱后，再进行使用。StatusBar 控件也是一种 ActiveX 控件。 2.新建工程和窗体 3.案例实施：具体步骤略 4.学生操作，教师指导学生完成案例7-5 二、内容讲解 （以教师讲解为主） 1、在 Visual Basic 中，状态栏的设计是通过StatusBar 控件来实现的。状态栏是由若干个窗格（Panel）构成的，每个窗格对象既能包含文本又能包含图片。一个状态栏中最多可以包含 16 个窗格。状态栏的创建与工具条的创建方法基本相同。 2、创建状态栏的步骤一般分为三步： 第一步，在窗体添加 StatusBar 控件。 第二步，使用 StatusBar 控件来设计状态栏并设置状态栏的属性。 第三步，编写相应的事件代码。 3、StatusBar 控件的属性页由通用、窗格、字体、图片四个选项卡组成。状态栏的属性主要集中在“窗格”选项卡中，StatusBar 控件第 i 个窗格属性可用 Panels (i) 表示。 现将“窗格”属性表中的各项做以介绍。 （1）索引（Index）：该属性用于表示窗格的惟一序号，其值是用户新建窗格时由系统自动设置的。用户可通过索引右边的“ ”“ ”按钮选择不同索引对应的窗格。 （2）文本（Text）：用于设置窗格要显示的内容。 （3）工具提示文本：用于设置状态栏窗格的飞行提示内容。当通用选项卡中的“显示提示”复选框有效时，将鼠标移到状态栏窗格上会显示飞行提示内容。 （4）关键字（Key）：用于在程序中惟一标记窗格。 （5）最小宽度（MinWidth）：是指当前窗格的最小宽度，用户可根据实际情况设置 最小宽度值，调整各窗格的宽度。 （6）对齐（Alignment）：参数 0-sbrLeft 表示窗格中的文本左对齐；1-sbrCenter 表示窗格中的文本居中对齐；2-sbrRight 表示窗格中的文本右对齐。 （7）样式（Style）：属性值决定了状态栏窗格的显示方式，共有 7 种显示方式，可显示相关按键的状态、系统日期与系统时间，也可显示用户自定义信息。 （8） 斜面（Bevel）：参数 0-sbrNoBevel 表示窗格无凹凸；1-sbrInset 表示窗格凹下；2-sbrRaised 表示窗格凸起。 （9）自动调整大小（AutoSize）：0-sbrNoAutoSize 表示不会自动改变大小 , 该窗格的宽度始终由 Width 属性指定。1-SbrSpring 表示当父窗体的大小发生改变，产生了多余的空间时，所有具有该设置的窗格将均分空间，并相应的变大；而且这些窗格的宽度不会小于由 MinWidth 属性指定的宽度。2-SbrContens 表示窗格的宽度与其内容匹配。 三、自我探索（以学生自主学习与操作为主） 完成案例7-6 为程序设计状态栏。 要求：为程序窗体设计一个三窗格的状态栏，在状态栏的第一窗格中会显示欢迎文字，在第二窗格中显示当前日期，在第三窗格中显示当前时间。 思考和习题 教 学 后 记 学科网（北京）股份有限公司 $$