《Visual Basic程序设计基础》-第5章 应用程序界面设计.ppt

第第5 5章章 应用程序界面设计应用程序界面设计本本章章，主主要要介介绍绍菜菜单单、多多文文档档界界面面、工工具具栏栏、状状态态栏栏等等一一些些与与界界面面设设计计有有关关的的知知识。识。5.1 5.1 菜单的规划与设计菜单的规划与设计5.2 5.2 弹出式菜单弹出式菜单5.3 5.3 工具栏与状态栏的设计工具栏与状态栏的设计5.4 5.4 MDIMDI窗体窗体5.5 5.5 综合应用综合应用5.1 5.1 菜单的规划与设计菜单的规划与设计5.1.1 5.1.1 菜单的结构与功能菜单的结构与功能5.1.2 5.1.2 菜单的规划菜单的规划5.1.3 5.1.3 菜单的设计菜单的设计5.1.1 5.1.1 菜单的结构与功能菜单的结构与功能l菜菜单单栏栏：指指位位于于窗窗口口标标题题栏栏下下方方包包含含若若干干个个菜菜单单标标题题的的水平矩形条状区域。水平矩形条状区域。l菜菜单单标标题题：指指菜菜单单栏栏中中菜菜单单的的名名称称。每每个个菜菜单单标标题题标标识识了一个下拉列表。了一个下拉列表。l菜菜单单项项：包包含含于于菜菜单单之之中中的的各各个个选选项项，当当选选中中了了某某个个菜菜单单项项后后，可可能能会会执执行行一一条条命命令令，也也可可能能是是执执行行了了一一个个过过程或函数，甚至可能弹出一个子菜单。程或函数，甚至可能弹出一个子菜单。l子子菜菜单单：是是指指激激活活一一个个带带有有“”标标记记的的菜菜单单选选项项后后打打开的列表，它由一系列菜单项构成。开的列表，它由一系列菜单项构成。菜单系统一般有菜单系统一般有4 4个部分组成：个部分组成：5.1.2 5.1.2 菜单的规划菜单的规划在进行菜单系统的规划时，一般应考虑以下原则：在进行菜单系统的规划时，一般应考虑以下原则：(1)面向用户面向用户(2)菜单名称通俗易懂菜单名称通俗易懂(3)合理组织菜单项合理组织菜单项(4)设置合适的分隔线设置合适的分隔线(5)控制菜单项的数目控制菜单项的数目(6)设置合适的访问键和快捷键设置合适的访问键和快捷键5.1.3 菜单的设计 VisualVisualBasicBasic中中中中的的的的菜菜菜菜单单单单通通通通过过过过菜菜菜菜单单单单编编编编辑辑辑辑器器器器，即即即即菜菜菜菜单单单单设设设设计计计计窗窗窗窗口口口口建建建建立立立立。将将将将要要要要建建建建立立立立下下下下拉拉拉拉菜菜菜菜单单单单的的的的窗窗窗窗体体体体设设设设为为为为活活活活动动动动窗窗窗窗体体体体后后后后，可可可可以通过以通过以通过以通过4 4种方法进入菜单编辑器：种方法进入菜单编辑器：种方法进入菜单编辑器：种方法进入菜单编辑器：（1 1）执行）执行）执行）执行“工具工具工具工具”菜单中的菜单中的菜单中的菜单中的“菜单编辑器菜单编辑器菜单编辑器菜单编辑器”命令命令命令命令（2 2）使用热键）使用热键）使用热键）使用热键 Ctrl+ECtrl+E。（3 3）单击工具栏中的单击工具栏中的单击工具栏中的单击工具栏中的“菜单编辑器菜单编辑器菜单编辑器菜单编辑器”按钮。按钮。按钮。按钮。（4 4）在在在在要要要要建建建建立立立立菜菜菜菜单单单单的的的的窗窗窗窗体体体体上上上上单单单单击击击击鼠鼠鼠鼠标标标标右右右右键键键键，将将将将弹弹弹弹出出出出一一一一个个个个菜单，在该菜单中单击菜单，在该菜单中单击菜单，在该菜单中单击菜单，在该菜单中单击“菜单编辑器菜单编辑器菜单编辑器菜单编辑器”命令。命令。命令。命令。通过以上任一方法，均可调出菜单编辑器。如通过以上任一方法，均可调出菜单编辑器。如通过以上任一方法，均可调出菜单编辑器。如通过以上任一方法，均可调出菜单编辑器。如5-25-2图所示。图所示。图所示。图所示。属性设置区属性设置区菜单控件编辑按钮菜单控件编辑按钮菜菜单单控控件件列列表表框框【例例5.1】菜菜单单设设计计。建建立立一一个个如如图图5-1所所示示的的菜菜单单，用用户户可可以以通通过过选选择择菜菜单单中中的的菜菜单单项改变文本框中内容的外观。项改变文本框中内容的外观。设计步骤如下。设计步骤如下。（1）建立控件）建立控件 在在窗窗体体上上添添加加一一个个文文本本框框，将将它它的的Text属属性置为空。性置为空。（2）设计菜单）设计菜单在在窗窗体体设设计计状状态态下下选选择择“工工具具”菜菜单单下下的的“菜菜单单编编辑辑器器”命命令令，调调出出菜菜单单设设计计窗窗口口。在菜单设计窗口中，按表在菜单设计窗口中，按表5-2设计菜单项。设计菜单项。当当当当完完完完成成成成所所所所有有有有的的的的输输输输入入入入工工工工作作作作后后后后，菜菜菜菜单单单单设设设设计计计计窗窗窗窗口口口口就就就就成成成成为为为为如如如如图图图图5-35-3所所所所示示示示的的的的窗窗窗窗口口口口，单单单单击击击击“确确确确定定定定”按按按按钮钮钮钮退出就完成了菜单的建立过程。退出就完成了菜单的建立过程。退出就完成了菜单的建立过程。退出就完成了菜单的建立过程。（3 3）把代码连接到菜单上）把代码连接到菜单上）把代码连接到菜单上）把代码连接到菜单上在在在在窗窗窗窗体体体体窗窗窗窗口口口口单单单单击击击击菜菜菜菜单单单单标标标标题题题题，然然然然后后后后在在在在下下下下拉拉拉拉菜菜菜菜单单单单中中中中单单单单击击击击要要要要连连连连接接接接代代代代码码码码的的的的菜菜菜菜单单单单项项项项，在在在在屏屏屏屏幕幕幕幕上上上上就就就就会会会会出出出出现现现现代代代代码码码码窗窗窗窗口口口口，并并并并自自自自动动动动给给给给出出出出事事事事件件件件过过过过程程程程的的的的头头头头尾尾尾尾语语语语句句句句。只只只只要在头尾语句间输入代码即可。要在头尾语句间输入代码即可。要在头尾语句间输入代码即可。要在头尾语句间输入代码即可。Private sub SetColor_Color_Click(Index As Integer)Select Case Index Case 1 Text1Forecolor=RGB(255，0，0)Case 2 Text1Forecolor=RGB(0，255，0)Case 3 Text1Forecolor=RGB(0，0，255)End Select End Sub 5.2 5.2 弹出式菜单弹出式菜单 与下拉菜单不同，弹出式菜单不需要在窗口顶部下拉打开，而是通过单击鼠标右键在窗体的任意位置打开，因而使用方便，具有较大的灵活性。建立弹出式菜单通常有两步：首先用菜单编辑建立弹出式菜单通常有两步：首先用菜单编辑建立弹出式菜单通常有两步：首先用菜单编辑建立弹出式菜单通常有两步：首先用菜单编辑器建立菜单，然后用器建立菜单，然后用器建立菜单，然后用器建立菜单，然后用PopupMenuPopupMenu方法弹出显示。第方法弹出显示。第方法弹出显示。第方法弹出显示。第一步的操作与前面介绍的基本相同，唯一的区别是一步的操作与前面介绍的基本相同，唯一的区别是一步的操作与前面介绍的基本相同，唯一的区别是一步的操作与前面介绍的基本相同，唯一的区别是如果不想在窗体顶部显示该菜单，就应把菜单名如果不想在窗体顶部显示该菜单，就应把菜单名如果不想在窗体顶部显示该菜单，就应把菜单名如果不想在窗体顶部显示该菜单，就应把菜单名（即主菜单项）的（即主菜单项）的（即主菜单项）的（即主菜单项）的“可见可见可见可见”属性设置为属性设置为属性设置为属性设置为False(False(子菜子菜子菜子菜单项不要设置为单项不要设置为单项不要设置为单项不要设置为False)False)。PopupMenuPopupMenu方法用来显示弹出式菜单，其格式方法用来显示弹出式菜单，其格式方法用来显示弹出式菜单，其格式方法用来显示弹出式菜单，其格式为：为：为：为：对象对象对象对象.PopupMenuPopupMenu菜单名菜单名菜单名菜单名,Flags,x,y,Flags,x,y,BoldCommandBoldCommand【例例例例5.25.2】我我我我们们们们将将将将例例例例5.15.1中中中中的的的的“设设设设置置置置字字字字体体体体”菜菜菜菜单单单单的的的的内内内内容作为弹出式菜单的内容。容作为弹出式菜单的内容。容作为弹出式菜单的内容。容作为弹出式菜单的内容。我们只需在代码窗口添加如下代码：我们只需在代码窗口添加如下代码：我们只需在代码窗口添加如下代码：我们只需在代码窗口添加如下代码：PrivatePrivateSubSubForm_Form_MouseDownMouseDown(Button(ButtonAsAsInteger,ShiftAsInteger,XAsSingle,YAsSingle)Integer,ShiftAsInteger,XAsSingle,YAsSingle)IfButton=2ThenIfButton=2ThenPopupMenuSetFontPopupMenuSetFont EndIfEndIfEndSubEndSub 运运运运行行行行程程程程序序序序，鼠鼠鼠鼠标标标标右右右右键键键键单单单单击击击击窗窗窗窗体体体体，即即即即可可可可弹弹弹弹出出出出“设设设设置置置置字体字体字体字体”菜单的菜单内容。菜单的菜单内容。菜单的菜单内容。菜单的菜单内容。5.3 5.3 工具栏和状态栏工具栏和状态栏在在Windows应应用用程程序序中中,更更简简便便的的操操作作是是采采用用工工具具栏栏中中的的工工具具按按钮钮。工工具具栏栏有有若若干干个个按按钮钮构构成成，每每个个按按钮钮上上一一般般都都有有图图片片，从从而而形形象象地地表表明明该该按按钮钮的的作作用用。每每个个按按钮钮一一般般与与应应用用菜菜单单中中的的菜菜单单项项相相对对应应，用来访问应用程序中最常用的功能和命令。用来访问应用程序中最常用的功能和命令。状状态态栏栏用用于于显显示示应应用用程程序序的的运运行行状状态态，一一般般放放在窗口的底部在窗口的底部。ToolBar控件：控件：把把ToolBar控件添加到工具箱控件添加到工具箱,将将“MicrosoftWindowsCommonControls6.0”将控件添加到工具箱，通过将控件添加到工具箱，通过ToolBar、ImageList组合使用建立工具栏，步骤组合使用建立工具栏，步骤：1.在在ToolBar控件中创建控件中创建Button对象。对象。2.在在ImageList控件中添加所需的图象控件中添加所需的图象3.ToolBar控件的控件的ButtonClick()事件程序的编写事件程序的编写4.在在ButtonClick事件中用事件中用SelectCase语句对各按钮进行相语句对各按钮进行相应的编程。应的编程。5.3.1 5.3.1 工具栏工具栏 1、在、在ToolBar控件中添加按钮控件中添加按钮ToolBar与与ImageList的连接的连接工具栏样式工具栏样式5.3.1 5.3.1 工具栏工具栏 2、在、在ImageList控件中添加图象控件中添加图象 ImageList控件不单独使用，专门为其它控件提供图像库控件不单独使用，专门为其它控件提供图像库.索引（索引（Index）、）、关键字（关键字（Key）在在ToolBar中引用中引用图象文件的扩展名为：图象文件的扩展名为：.ico、.bmp、.gif、.jpg等等5.3.1 5.3.1 工具栏工具栏 3.为工具栏增加按钮为工具栏增加按钮索引（索引（Index）、）、关键字（关键字（Key）每个每个按钮的编号、标识按钮的编号、标识,ButtonClick事件中引用；事件中引用；图象图象(Image)ImageList对象中的对象中的图象，值可以是图象，值可以是Key或或Index样式样式(Style)，共共5种种除菜单按钮除菜单按钮(5)外的外的4种样式种样式5.3.1 5.3.1 工具栏工具栏 4、响应响应ToolBar控件事件控件事件ToolBar控件常用的事件有两个：控件常用的事件有两个：ButtonClick和和ButtonMenuClick。前者对按钮样式为前者对按钮样式为0-2，后者对样式为，后者对样式为5的菜的菜单按钮。单按钮。（1）用索引）用索引Index确定按钮确定按钮(2)用关键字用关键字Key确定按钮确定按钮PrivateSubToolbar1_ButtonClick(ByvalButtonAsComctlLib.Button)SelectCaseButton.IndexCase1FileNewProcCase2FileOpenProcEndSelectEndSub注意：第注意：第1个按钮的个按钮的Index值为值为1。用。用Index还是用还是用Key比较比较，Key可读可读性好，可维护性好。性好，可维护性好。SelectCaseButton.KeyCaseTNewFileNewProcCaseTOpenFileOpenProc.StatusBarStatusBar 控件能提供一个长方条的框架控件能提供一个长方条的框架状态栏，通状态栏，通常在窗体的底部，也可通过常在窗体的底部，也可通过AlignAlign属性决定状态栏出现的位属性决定状态栏出现的位置。用它可以显示出应用程序的运行状态，如光标位置、系置。用它可以显示出应用程序的运行状态，如光标位置、系统时间、键盘的大小写状态等。统时间、键盘的大小写状态等。一、一、建立状态栏建立状态栏可插入图象显示的文本样式5.3.2 5.3.2 状态栏状态栏二、二、动态显示状态栏信息动态显示状态栏信息 运运行行时时，有有些些状状态态栏栏信信息息系系统统已已具具备备，能能自自动动显显示示，如如图图14-9状状态态栏栏中中的的第第35窗窗格格，但但第第2个个窗窗格格的的值值要要通通过过编程来实现，以动态地显示光标在文本中的位置。编程来实现，以动态地显示光标在文本中的位置。Private Sub DocBox_Click()当单击文本框时，当前光标位置在状态栏的第当单击文本框时，当前光标位置在状态栏的第2个窗格显示个窗格显示 Findstart=DocBox.SelStart MDIForm1.StatusBar1.Panels(2).Text=FindstartEnd Sub5.4 5.4 多重文档界面（多重文档界面（MDIMDI）多多多多文文文文档档档档界界界界面面面面允允允允许许许许同同同同时时时时打打打打开开开开多多多多个个个个文文文文档档档档，每每每每一一一一个个个个文文文文档档档档都都都都显显显显示示示示在在在在自自自自己己己己的的的的被被被被称称称称为为为为子子子子窗窗窗窗体体体体的的的的窗窗窗窗体体体体中中中中，如如如如我我我我们们们们非非非非常常常常熟熟熟熟悉悉悉悉的的的的WordWord9797、ExcelExcel9797等等等等都都都都是是是是多多多多文文文文档档档档界界界界面面面面。多多多多文文文文档档档档界界界界面面面面由由由由父父父父窗窗窗窗体体体体和和和和子子子子窗窗窗窗体体体体组组组组成成成成。在在在在VBVB中中中中，父父父父窗窗窗窗体体体体就就就就是是是是MDIMDI窗窗窗窗体体体体，子子子子窗窗窗窗体体体体就就就就是是是是指指指指MDIChildMDIChild属属属属性性性性为为为为TrueTrue的的的的普普普普通通通通窗体。窗体。窗体。窗体。1创建创建MDI窗体窗体用用用用户户户户要要要要建建建建立立立立一一一一个个个个MDIMDI窗窗窗窗体体体体，可可可可以以以以选选选选择择择择“工工工工程程程程”菜菜菜菜单单单单中中中中的的的的“添添添添加加加加MDIMDI窗窗窗窗体体体体”命命命命令令令令，弹弹弹弹出出出出如如如如图图图图下下下下图图图图所所所所示示示示的的的的“添添添添加加加加MDIMDI窗窗窗窗体体体体”对对对对话话话话框框框框，选选选选择择择择“MDIMDI窗窗窗窗体体体体”，再再再再单单单单击击击击“打开打开打开打开”按钮。按钮。按钮。按钮。2子窗体子窗体 MDIMDI子子子子窗窗窗窗体体体体是是是是一一一一个个个个MDIChildMDIChild属属属属性性性性为为为为TrueTrue的的的的普普普普通通通通窗窗窗窗体体体体。因因因因此此此此，要要要要创创创创建建建建一一一一个个个个MDIMDI子子子子窗窗窗窗体体体体，应应应应先先先先创创创创建建建建一一一一个个个个新新新新的普通窗体，然后将它的的普通窗体，然后将它的的普通窗体，然后将它的的普通窗体，然后将它的MDIChildMDIChild属性置为属性置为属性置为属性置为TrueTrue。MDIMDI子子子子窗窗窗窗体体体体的的的的设设设设计计计计与与与与MDIMDI窗窗窗窗体体体体无无无无关关关关，但但但但在在在在运运运运行行行行时时时时总总总总是是是是包包包包含含含含在在在在MDIMDI窗窗窗窗体体体体中中中中，当当当当MDIMDI窗窗窗窗体体体体最最最最小小小小化化化化时时时时，所所所所有有有有的的的的子子子子窗窗窗窗体体体体都都都都被被被被最最最最小小小小化化化化。每每每每个个个个子子子子窗窗窗窗体体体体都都都都有有有有自自自自己己己己的的的的图图图图标标标标，但但但但只只只只有有有有MDIMDI窗窗窗窗体体体体的的的的图图图图标标标标显显显显示示示示在在在在任任任任务务务务栏栏栏栏中中中中。子子子子窗窗窗窗体体体体相相相相互互互互之间没有约束关系，它们可以用不同的方式排列。之间没有约束关系，它们可以用不同的方式排列。之间没有约束关系，它们可以用不同的方式排列。之间没有约束关系，它们可以用不同的方式排列。3与与MDI有关的方法和事件有关的方法和事件（1 1）ArrangeArrange方法方法方法方法该该该该方方方方法法法法用用用用来来来来以以以以不不不不同同同同的的的的方方方方式式式式排排排排列列列列MDIMDI中中中中的的的的窗窗窗窗体体体体或或或或图标。其格式为：图标。其格式为：图标。其格式为：图标。其格式为：.ArrangeArrange 方方方方式式式式：是是是是一一一一个个个个整整整整数数数数值值值值，用用用用来来来来指指指指定定定定MDIMDI窗窗窗窗体体体体中中中中子子子子窗体或图标的排列方式。窗体或图标的排列方式。窗体或图标的排列方式。窗体或图标的排列方式。（2 2）显示）显示）显示）显示MDIMDI窗体及其子窗体的方法窗体及其子窗体的方法窗体及其子窗体的方法窗体及其子窗体的方法显示显示显示显示MDIMDI窗体及其子窗体的方法是窗体及其子窗体的方法是窗体及其子窗体的方法是窗体及其子窗体的方法是ShowShow。（3 3）QueryUnloadQueryUnload事件事件事件事件当当当当用用用用户户户户从从从从MDIMDI窗窗窗窗体体体体的的的的控控控控制制制制菜菜菜菜单单单单框框框框中中中中选选选选择择择择“关关关关闭闭闭闭”命命命命令令令令，或或或或者者者者从从从从提提提提供供供供的的的的菜菜菜菜单单单单项项项项中中中中选选选选择择择择“退退退退出出出出”命命命命令令令令时时时时，系系系系统统统统就就就就会会会会试试试试图图图图卸卸卸卸载载载载MDIMDI窗窗窗窗体体体体，此此此此时时时时就就就就会会会会触触触触发发发发QueryUnloadQueryUnload事事事事件件件件，然然然然后后后后每每每每一一一一个个个个打打打打开开开开的的的的子子子子窗窗窗窗体体体体也也也也都都都都触触触触发发发发该该该该事事事事件件件件。若若若若在在在在这这这这些些些些QueryLoadQueryLoad事事事事件件件件过过过过程程程程中中中中没没没没有有有有代代代代码码码码，则则则则取取取取消消消消QueryUnloadQueryUnload事事事事件件件件，逐逐逐逐个个个个卸卸卸卸载载载载子子子子窗窗窗窗体体体体，最后，最后，最后，最后，MDIMDI窗体也被卸载。窗体也被卸载。窗体也被卸载。窗体也被卸载。由由由由于于于于QueryUnloadQueryUnload事事事事件件件件在在在在窗窗窗窗体体体体卸卸卸卸载载载载之之之之前前前前被被被被触触触触发发发发，因因因因此此此此在在在在窗窗窗窗体体体体卸卸卸卸载载载载以以以以前前前前可可可可以以以以给给给给用用用用户户户户一一一一个个个个保保保保存存存存变变变变动动动动后后后后的的的的窗体信息的机会。窗体信息的机会。窗体信息的机会。窗体信息的机会。