第4章菜单栏、工具栏设计

第4章菜单栏、工具栏设计菜单栏设计4.1工具栏设计4.2综合案例4.3实训4.4本章小结4.54.1菜单栏设计

菜单不仅可以简化程序界面，还可以美化程序界面，因此在用VisualBasic6.0进行程序界面设计时，菜单的设计是必须掌握的技能。在VisualBasic6.0中，菜单按出现位置的不同可分为下拉式菜单和弹出式菜单两种，下拉式菜单一般出现在菜单栏中，通过单击菜单标题，以下拉的方式打开，例如，在VisualBasic6.0主界面上，单击【文件】，便下拉出图4-1所示的菜单项；弹出式菜单（也称快捷菜单）只有在按下鼠标右键时才出现，是一个上下文相关的菜单，例如，在窗体上单击鼠标右键所弹出的菜单便是弹出式菜单，如图4-2所示。无论是哪种菜单，其设计都是通过专门的菜单编辑器来完成的。图4-1菜单栏

图4-2弹出式菜单一个完整的菜单项一般由菜单标题、访问键和快捷键3项组成，如图4-3所示。菜单标题就好像是人的本名（身份证上的名字），用来标识菜单，相当于控件的【Caption】属性，而访问键、快捷键就好像是人的别名，是访问菜单或实现菜单功能的快捷方式。每个人都必须有一个本名，但不一定有别名，因此对于菜单项而言，菜单标题是必需的，访问键、快捷键则可有可无。图4-3菜单组成

菜单有级别之分，直接显示出来的菜单级别最高，为一级菜单，如菜单栏上直接显示的菜单项或单击鼠标右键显示出来的菜单项。单击一级菜单，下拉出来的菜单为二级菜单，依次类推，将菜单分为不同级别的菜单，下一级菜单只有通过单击上一级菜单才能显现出来，如图4-4所示。在VisualBasic6.0中，能将菜单分为6个级别。如果一个菜单（除一级菜单外）是主菜单，含有子菜单时，则其右端会显示一个标示符，如图4-4所示。图4-4不同级别的菜单

菜单的主次之分是相对而言的，一个菜单可以是一个主菜单，同时也可以是另外一个菜单的子菜单。例如，在图4-4所示的菜单栏中，【学生】菜单是【姓名】、【年龄】、【籍贯】菜单的主菜单，同时它又是【学校】菜单的子菜单。【案例4-1】文本编辑器菜单栏的设计设计图4-5所示的文本编辑器，其菜单栏的结构如图4-6所示，并实现以下功能。（1）选择【字体】/【样式】/【宋体】命令或【字体】/【样式】/【隶书】命令能够改变文本框中汉字的样式。（2）选择【字体】/【大小】/【16】命令或【字体】/【大小】/【24】命令来改变文本框中汉字的大小。另外当【样式】菜单的某子菜单被单击时，在其前面显示选中符号“”。（3）默认情况下，【编辑】菜单的子菜单不可用，即为灰色。当文本框中有文字输入后，【编辑】菜单的子菜单便为可用。图4-5文本编辑器界面

图4-6菜单栏结构

VisualBasic6.0为用户提供的菜单栏既简化程序界面，还可以美化程序界面，并且还提供了菜单设计工具：菜单编辑器。在本案例中，我们将学习如何使用菜单编辑器来设计菜单栏。【案例解析】1．界面设计2．启动菜单编辑器（1）操作步骤见教材（2）操作步骤见教材（1）在启动菜单编辑器之前，必须将光标落在【窗体设计】窗口，否则【菜单编辑器】命令、按钮都为灰色，表示不可用。（2）菜单编辑器启动方法如下。①在菜单栏中选择【工具】/【菜单编辑器】命令。②单击工具栏中的按钮。③在窗体空白处单击鼠标右键，在弹出的快捷菜单中选择【菜单编辑器】命令或直接使用Ctrl+E快捷键。3．新建菜单（1）新建一个菜单可以按以下两种方式来完成。①单击菜单显示区最后1个菜单，单击“下一个”按钮，则新建一个和最后菜单级别一样的菜单。②直接单击“插入”按钮，则在当前菜单的前面插入一个和当前菜单级别一样的菜单。（2）【标题】栏用来输入菜单的标题文字，相当于控件的【Caption】属性，为了起到标识的作用，菜单的【标题】栏必须醒目；【名称】属性用于设置输入菜单的名称，相当于控件的【Name】属性，每个菜单的名称必须是唯一的，且不能为空白。（3）如果菜单的【标题】栏是“-”（上划线），则该菜单变为分割线。一级菜单的标题不能以分隔符（上划线）命名，否则在退出【菜单编辑器】对话框时会弹出错误提示框。4．菜单属性设置（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材（5）操作步骤见教材（1）由于快捷键用来设置菜单的快捷方式，因此快捷键的设置必须是唯一的，不能重复使用；在设置菜单的【标题】属性时，只要在相应的字母前加上“&”，便可以使其成为该菜单的访问键，访问键虽可以重复使用，但为了操作方便，最好也是唯一的。（2）菜单的【有效】、【可见】属性和控件的【Enable】属性、【Visible】属性相对应，当选中这两个属性时（），相当于将【Enable】属性、【Visible】属性设为True；当不选中这两个属性时，相当于将【Enable】属性、【Visible】属性设为False。（3）【复选】属性决定是否在菜单前面加上选中符号。当选择该选项时（），即将【复选】属性设为True，则在相应菜单的前面显示一个“”；默认值为False（），即不在相应菜单的前面显示一个“”。5．编辑菜单（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材（5）操作步骤见教材（1）菜单级别的调整通过按钮和按钮来完成；单击按钮一次，当前菜单的级别升一级，级别最高为1级；单击按钮一次，当前菜单的级别降一级，级别最低为6级。（2）菜单位置的调整通过按钮和按钮来完成；单击按钮一次，将当前菜单向上移动一个位置；单击按钮一次，将当前菜单向下移动一个位置，如果当前菜单为最后一个菜单，则在当前菜单的位置新建一个一级菜单，并将当前菜单向下移动一个位置。（3）所有已建的菜单都会显示在菜单显示区，蓝色光条所在的位置就是当前被选中的菜单，如图4-9所示。菜单前面的内缩符号“….”是用来区分菜单级别的，菜单前面无内缩符号，表示此菜单为一级菜单；菜单前面有1个内缩符号“….”表示此菜单为二级菜单；菜单前面有两个内缩符号“….”表示菜单为三级菜单，依次类推，将菜单分为6个级别。（4）在默认情况下，有多少个一级菜单，在菜单栏上就有多少个标题菜单，并按设计的先后顺序，依次排列在菜单栏上。图4-9调整级别后6．添加菜单事件（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材（5）操作步骤见教材（6）操作步骤见教材（7）操作步骤见教材（8）操作步骤见教材（1）菜单常用事件的添加可以通过单击菜单来完成，也可以通过在代码窗口的【对象】列表框中选择相应的菜单的【名称】，来为菜单添加常用事件。（2）菜单只有响应唯一事件Click事件，但并不是所有的菜单都能响应Click事件，只有那些没有子菜单的菜单才有响应Click事件的能力，如【宋体】菜单、【隶书】菜单，而含有子菜单的主菜单不能为其添加Click事件，如【样式】菜单、【大小】菜单。另外分隔线也不能响应Click事件。7．运行程序（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材（5）操作步骤见教材（6）操作步骤见教材

（1）菜单设置快捷键后，可以直接使用快捷键来执行菜单的操作，例如在Windows操作系统中，使用Ctrl＋C快捷键来执行复制操作，使用Ctrl＋V快捷键来执行粘贴操作。（2）菜单设置访问键后，可以直接使用Alt＋访问键来访问菜单，但不执行菜单的操作，例如，在Windows操作系统中，可以使用Alt＋E快捷键来访问【编辑】菜单，打开其下拉菜单。【案例小结】设计菜单栏，不仅仅是为了美化窗体，更重要的是为了让用户能够更加简单地进行操作，因此在设计菜单时，必须很好地控制菜单的状态，整体规划菜单的结构。总体来说，设计菜单栏一般有以下7个步骤：（1）规划菜单结构；（2）启动菜单编辑器；（3）为菜单命名；（4）为相关菜单设置访问键、快捷键；【案例小结】（5）编辑调整菜单级别；（6）生成菜单栏；（7）添加菜单事件以及编写代码。以上步骤不一定要按顺序严格执行，也可以第（3），（4），（5）步同时进行，对于初学者，最好是按上面的步骤来设计菜单栏，有一定基础后，可以不按以上步骤来设计菜单栏。【案例拓展】读者在熟悉案例4-1后，可尝试着在案例4-1的基础上完成以下功能。删除【样式】菜单与【大小】菜单之间的分割线。选择【大小】/【16】命令或【大小】/【24】命令时，菜单前面显示选中符号“”。为【编辑】菜单增加【全选】子菜单。只有选中文本框中的文字时，【编辑】菜单的子菜单才可用（提示：可用Len（txtText.SelText）是否等于0来判断是否有文字被选中）。【案例4-2】文本编辑器弹出式菜单栏的设计在案例4-1的基础上，为文本编辑器增加控制文字颜色的菜单，包括【红色】、【蓝色】和【绿色】3个菜单，但是该菜单只有在文本框中单击鼠标右键才弹出。在上一个案例，我们已经学习了下拉式菜单的设计方法，在本案例中，我们将学习如何设计另外一种菜单：弹出式菜单【案例解析】1．弹出式菜单设计（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材（5）操作步骤见教材（6）操作步骤见教材（7）操作步骤见教材（8）操作步骤见教材（9）操作步骤见教材（10）操作步骤见教材（11）操作步骤见教材（1）弹出式菜单又称上下文菜单或快捷菜单，是独立于菜单栏而显示在窗体上的浮动菜单，为了和下拉式菜单区别开来，一般将其【可见】属性设为False，例如，本案例中的【颜色】菜单。（2）当某主菜单的【可见】属性为False时，在程序设计阶段所包含的子菜单都是不可见的，即使子菜单的【可见】属性为True，如【颜色】菜单的子菜单【红色】、【蓝色】和【绿色】。2．弹出式菜单的显示（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材（5）操作步骤见教材（6）操作步骤见教材

（1）弹出式菜单通常是在用户单击鼠标右键时才出现，因此弹出式菜单的显示一般是在对象的MouseDown事件中完成，例如，本案例中的文本框MouseDown事件。（2）使弹出式菜单可见的方法为：PopupMenu方法。PopupMenu方法的语法结构如下：［object］.PopupMenumenuname［,flags［,X［,Y,boldcommand］］］］由于PopupMenu方法只有一个必选的参数，因此常用以下最简单的形式：PopupMenu菜单名称PopupMenu方法显示的是菜单menuname的子菜单，但菜单menuname本身并不被显示，并且PopupMenu方法每次只能打开一个弹出式菜单。3．添加弹出式菜单事件（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材弹出式菜单也可以响应Click事件，但由于弹出式菜单是不可见的，因此只能在代码窗口中为其添加Click事件。

【案例小结】和下拉式菜单一样，弹出式菜单的设计也是通过【菜单编辑器】对话框来完成的。一般而言，为了和下拉式菜单区别开，弹出式菜单的【可见】属性被设为False，因此要想使其可见，必须使用PopupMenu方法。弹出式菜单也可以响应菜单唯一事件：Click事件。但由于其【可见】属性一般为False，因此Click事件的添加需在代码窗口完成。【案例扩展】读者在熟悉案例4-2后，可尝试着在案例4-1和案例4-2的基础上，将【字体】菜单的子菜单设为弹出式菜单，将【颜色】菜单的子菜单设为下拉式菜单。4.2工具栏设计工具栏不仅可以美化界面，而且可还可以简化操作，它一般显示在菜单栏下面，由一些命令按钮组成，并且每个按钮上都有图像。通常，每个命令按钮都有相应的菜单项与之对应，可看做是相应菜单项的快捷方式，例如在VisualBasic6.0中，工具栏上的按钮便是【工具】/【菜单编辑器】命令的快捷按钮，单击按钮也可以直接打开【菜单编辑器】对话框。【案例4-3】文本编辑器工具栏设计在案例4-2的基础上，增加图4-13所示的工具栏，并实现以下功能。（1）鼠标移到按钮上时，在光标的下方出现“16号字体”提示框；鼠标移到按钮上时，在光标的下方出现“24号字体”提示框。（2）单击工具栏上的按钮，字体变大；单击工具栏按钮，字体变小。图4-13工具栏的位置和设计菜单栏一样，工具栏的设计也是通过专门的工具条控件来完成。在本案例中，我们将学习如何使用工具条控件来设计工具栏，并让工具栏上的按钮与菜单对应起来。【案例解析】1．添加工具条控件用工具条控件设计工具栏时，由于工具条控件不是常用控件，因此必须另外添加，添加步骤如下。①选择【工程】/【部件】命令打开【部件】对话框，如图4-14所示。②在【控件】的列表中选中“MicrosoftWindowsCommonControl6.0”项。③单击“确定”按钮，关闭【部件】对话框。2．设计工具条（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材（5）操作步骤见教材（6）操作步骤见教材（7）操作步骤见教材（8）操作步骤见教材（9）操作步骤见教材（10）操作步骤见教材（11）操作步骤见教材（12）操作步骤见教材（13）操作步骤见教材（1）由于工具栏上的按钮是含有图像的按钮，因此在创建工具栏之前，必须先创建一个装图像的“容器”以便装下按钮所要使用的图像。（2）为工具栏的按钮添加图像时，图像的索引值必须与图像列表控件中图像的索引值一致。（3）工具栏属性的设置是在工具栏【属性页】对话框的【通用】选项卡中完成的，如工具栏的外观（三维的还是平面的）、样式（标准的还是平直的）以及是否带边框。例如，单击【样式边框】栏右端的箭头，打开下拉列表，在下拉列表中选择“1－ccFixSingle”项，工具栏便带有边框。（4）工具栏按钮的编辑和属性设置都是在工具栏【属性页】对话框的【按钮】选项卡中完成的，如增加按钮、删除按钮。（5）窗体添加工具条控件后，工具条控件会自动加到菜单栏下面，如果窗体上没有菜单栏，便直接加到窗体标题栏下面，其宽度是不可变的，和窗体的宽度一样，高度和按钮高度一样。3．添加工具栏事件（1）操作步骤见教材（2）操作步骤见教材（3）操作步骤见教材（4）操作步骤见教材（1）工具栏可以看做是菜单栏相应菜单的快捷方式，因此，工具栏事件通常都和菜单事件相对应，如按钮和【16】菜单对应，按钮和【24】菜单对应。（2）由于工具栏中含有按钮，因此工具栏常用事件为ButtonClick，另外工具栏还可以响应鼠标事件。（3）由于工具栏上含有多个按钮，因此在为其添加的ButtonClick事件中，还带有一个Button参数，该参数表示用户所单击的按钮，用户可根据Button参数来选择所要执行的操作，所使用的语法结构如下所示：语法结构如下所示：SelectCaseButton.IndexCase1所要执行的操作代码Case2所要执行的操作代码EndSelect【案例小结】工具栏不仅可以美化界面，而且由于工具栏上的按钮可看做是相应菜单项的快捷方式，因此还可以简化操作。在VisualBasic6.0中，创建一个工具栏大概要经历以下4个过程：向工具箱中添加图像列表控件和工具条控件；用图像列表控件创建一个装图像的“容器”；用工具条创建工具栏；添加工具栏事件，让工具栏按钮和菜单对应起来。【案例扩展】如果单击工具栏上的按钮，字体的大小不断变大；单击按钮，字体不断变小，程序代码该如何编写，读者不妨试一试？（提示：此时工具栏上的按钮不再和【16】和【24】菜单对应，必须重新编写响应代码）4.3综合案例设计一个简单的文本记事本界面，如图4-26所示，为记事本设计菜单栏、工具栏和状态栏，并让文本框具有简单的文本编辑功能，具体功能如下：（1）为记事本设计图4-27所示的菜单栏，其中【编辑】为弹出式菜单并实现如下功能。（2）选择【编辑】/【剪切】命令或按Ctrl＋X快捷键实