第10章 用户界面设计

第10章用户界面设计主要内容：10.1菜单设计10.2工具栏和状态栏10.3多文档界面10.4通用对话框10.1菜单设计菜单是可供选择的命令项目的列表，它位于程序界面标题栏下的菜单栏上。菜单可分为两种基本类型，即下拉式菜单和弹出式菜单。菜单的优点(1)整体感强，操作一目了然，界面友好、直观。(2)具有导航功能，可为用户在各个菜单的功能间导航。(3)占用屏幕空间小。10.1.1菜单设计概述1．菜单的组成(1)菜单栏(2)主菜单(3)菜单项(4)分隔线(5)子菜单项级联菜单主菜单菜单项分隔线菜单栏图10.1下拉菜单的组成隐藏菜单是在窗口运行时并不出现在菜单栏上的菜单，Visible属性设为False，无效菜单是指菜单中暗淡显示的命令，它表示当前菜单项不能执行，Enabled属性设为False来使菜单无效正常菜单是指在运行时出现在菜单栏中可直接对其进行操作的菜单，Visible和Enabled属性都应为True。2．菜单的状态菜单栏的主菜单以及菜单项均为菜单控件。菜单控件经常用到的属性是：Name：其属性值为代码中引用该菜单控件的名字。Caption：其属性值是出现在菜单控件上的文本。Enabled：设置菜单项是否有效。Visible：设置菜单项是否可见。菜单控件只响应Click事件，即单击菜单控件时，触发该事件。3．菜单控件下拉式菜单的设计通过菜单编辑器来完成。10.1.2下拉式菜单打开菜单编辑器有以下4种方式：(1)执行“工具”菜单中的“菜单编辑器”命令。(2)使用组合键Ctrl+E。(3)单击工具栏中的“菜单编辑器”按钮。(4)使用快捷菜单。在窗体上单击鼠标右键，将弹出一个菜单，如右图所示：使用快捷菜单编辑区属性设定区菜单项显示区菜单编辑器如下图所示：【例10.1】窗体上有一文本框，利用菜单功能实现文本框中文本的字体、颜色变化。菜单项的属性设置如下表所示。标题名称快捷键字体(&F)mnuFont….宋体mnuFontStCtrl+S….黑体mnuFontHtCtrl+H….幼圆mnuFontYyCtrl+Y颜色(&C)mnuColor….红色mnuColorRedCtrl+R….蓝色mnuColorBlueCtrl+B….绿色mnuColorGreenCtrl+G….-line….白色mnuColorWhiteCtrl+W….黑色mnuColorBlackCtrl+K退出(&X)mnuExit设计菜单的窗口：设计完成的窗体界面：图10.13设计好的窗体界面10.1.3弹出式菜单设计1．弹出菜单的设计与下拉菜单相似，弹出式菜单也是使用菜单编辑器，操作方法基本相同，惟一区别是，设计完成后将主菜单的“可见”属性设置为False(菜单项的“可见”属性不要设置为False)。2．显示弹出菜单PopupMenu方法用来显示弹出式菜单，其格式为：[对象名.]PopupMenu菜单名[,Flags[,x[,y]]]其中：(1)菜单名是必需的，为菜单编辑器中定义的弹出式菜单的主菜单名。(2)x，y参数指定弹出式菜单在窗体上的显示位置(与Flags参数配合使用)。如果省略，则弹出式菜单在鼠标光标的当前位置显示。(3)Flags用于指定弹出式菜单的位置和性能。10.2工具栏和状态栏10.2.1添加相关控件建立工具栏需要用到ToolBar控件和ImageList控件，建立状态栏需要用到StatusBar控件----ActiveX控件。添加方法：(1)选择“工程”菜单中的“部件”命令，打开“部件”窗口，在窗口的“控件”选项卡中选定所需的控件部件，然后点击“确定”按钮。如下图所示：(2)在VB标准工具箱中单击鼠标右键，出现快捷菜单，选择菜单中的“部件”命令，与上述操作相同，可以添加ActiveX控件。添加ActiveX控件10.2.2工具栏工具栏中用到的图标需要由图像列表控件（ImageList）提供，下面是创建工具栏的几个步骤：(1)在窗体上放置ToolBar控件和ImageList控件，如下图所示：(2)在ImageList控件中添加将要使用的图像；(3)将ToolBar控件与ImageList控件关联，创建Button对象；(4)编写Button的Click事件。ToolBar控件ImageList控件1．为ImageList控件添加图像操作步骤如下：(1)右击窗体上的ImageList1控件，单击快捷菜单中的“属性”命令，弹出“属性页”对话框；(2)单击“图像”选项卡，如下图所示；(3)单击“插入图片”按钮，在弹出的“选定图片”对话框中找到所需要的图片，单击“打开”按钮，回到“属性页”对话框，即可看到添加到ImageList1控件中的图片；(4)重复上述操作，直至得到所需的全部图片。对不需要的图片，选定后单击“删除图片”按钮即可将其从控件中删除；(5)单击“确定”按钮，添加图片完毕，系统按照添加顺序将图片插入到ImageList1控件中。2．在ToolBar控件上添加按钮(1)右击窗体上的ToolBar1控件，单击快捷菜单中的“属性”命令，系统弹出“属性页”对话框；(2)在“通用”选项卡的“图像列表”中单击下拉箭头，选中所需的ImageList控件，如ImageList1，此时“ImageList1”将显示在“图像列表”框上；(3)选择“按钮”选项卡，单击“插入按钮”，在“标题”输入框中输入工具栏按钮上出现的标题文字等属性，在“图像”输入框中输入ImageList1控件中图片的索引值，该图片会出现在工具栏按钮上；(4)重复做“插入按钮”操作，直到工具栏按钮设置完毕。(5)单击“确定”按钮。此时，程序窗体的界面如下图所示。3．设置ToolBar控件的属性(1)索引：用数值表示，标识工具栏上所插入的按钮。(2)标题：显示在按钮上的文字。(3)关键字：用字符串标识所插入的按钮，程序代码中可用来识别按钮。关键字不能相同。(4)样式：决定按钮的外观和状态。(5)工具提示文本：描述按钮的文本。(6)图像：在按钮上显示的图片.取值常数按钮类型0tbrDefault普通按钮1tbrCheck复选按钮2tbrButtonGroup选项按钮3tbrSeparator固定宽度分隔符按钮4tbrPlaceHolder可变宽度分隔符按钮5tbrDroupDown含下拉式菜单按钮样式4．ToolBar控件的事件过程ButtonClick事件，当用户单击工具栏内的任何一个按钮时都会产生ButtonClick事件。在窗体界面上，双击工具栏，即可打开代码编辑器窗口，出现如下程序代码框架：PrivateSubToolbar1_ButtonClick(ByValButtonAsMSComctlLib.Button)…‘在此添加对每一按钮进行处理的代码EndSub功能：显示在窗体的底部,用于显示应用程序当前的运行状态、系统状态等，并提供一些操作提示。状态栏控件：StatusBarStatusBar控件是一个或多个Panel（窗格）对象的集合，通过将Panel对象添加到Panels集合中，可以创建状态栏。它最多可以被分成16个窗格，每个窗格可以显示一个信息。10.2.3状态栏窗体中添加StatusBar控件的界面1．状态栏控件的通用属性在添加到窗体的StatusBar控件上单击鼠标右键，点击“属性”，出现如下图所示的“属性页”窗口。(1)“样式”（Style）属性样式属性有两个取值：0–sbrNormal普通样式，表示可设置多个窗格1–sbrSample简单样式，表示只能设置一个窗格(2)“鼠标指针”（MousePointer）属性用于指出程序运行时，鼠标指向状态栏时的指针显示形式。可根据需要进行选择，通常采用默认形式。(3)“简单文本”（SimpleText）属性当状态栏为简单样式时，将通栏显示其简单文本属性的内容。例如：StatusBar1.Style=sbrSample'简单样式状态栏StatusBar1.SimpleText=正在运行，请稍等！StatusBar1.Refesh'刷新2．状态栏控件的窗格属性在属性页窗口，点击“窗格”选项卡，如下图所示。(1)索引（Index）属性(2)文本（Text）属性(3)工具提示文本（ToolTipText）属性(4)关键字（Key）属性(5)最小宽度（MinWidth）属性(6)实际宽度（Width）属性(7)对齐（Alignment）属性(8)样式（Style）属性(9)斜面（Bevel）属性(10)自动调整大小（Autosize）属性3．状态栏的常用事件状态栏常用的事件有Click、DblClick、PanelClick、PanelDblClick等。因状态栏主要是显示程序运行的一些状态信息，所以一般不会为其编写事件过程。10.3多文档界面多文档窗体（MDI界面）在应用软件中使用很普遍。它允许在一个窗体（称为主窗体）中打开多个文档的操作界面，并且可以随意在多个文档间来回切换，进行数据复制、粘贴等操作。在VB中可以运用MDI窗体实现类似的功能，由一个MDI窗体构成外层容器窗口，由普通的窗体构成内层窗体界面。10.3.1多文档界面的特点(1)一个工程中只允许有一个MDI窗体。(2)程序运行时，所有子窗体均显示在MDI窗体内，可以在MDI窗体中移动，但不能移动到MDI窗体框架之外。(3)当最小化一个子窗体时，它的图标将位于MDI窗体的内部而不是在任务栏上。(4)当最大化一个子窗体时，它的标题会出现在MDI窗体的标题中，显示在MDI窗体的标题栏上。(5)除PictureBox(图片框)控件和Timer(定时器)控件外，一般不能在MDI窗体上放置其余的控件。(6)关闭MDI窗体时，将自动关闭所有打开的子窗体。10.3.2建立多文档界面1．创建MDI窗体从“工程”菜单中单击“添加MDI窗体”菜单项，或在工具栏上单击“添加窗体”按钮右边的下拉箭头，在弹出的菜单中单击“添加MDI窗体”菜单项。如下图显示：“添加MDI窗体”对话框MDI窗体图标打开的MDI窗体2．创建多个子窗体在启动VB时，系统自动创建了一个窗体Form1，将其MDIChild属性设置为“True”（如下图所示），使其成为子窗体；然后根据需要添加其它子窗体，并将这些窗体的MDIChild属性均设为“True”（此时“工程资源管理器”窗口中的窗体图标会发生变化。修改MDIChild属性值子窗体的图标发生变化10.3.3多文档界面的属性、方法与事件1.MDI窗体的两个重要属性(1)ActiveForm属性：返回活动的窗体。(2)ActiveControl属性：返回具有焦点的控件。2.MDI窗体的方法常用方法是Arrange。格式：MDI窗体名称.Arrange方法值方法值说明0（或vbCascade）层叠排列所有子窗体1（或vbTileHorizontal）水平平铺所有子窗体2（或vbTileVertical）垂直平铺所有子窗体3（或vbArrangeIcons）重排所有非最小化子窗体的图标3.MDI窗体的事件常用事件是QueryUnload。该事件发生在任何子窗体卸载之前，它提供了停止窗体卸载的机会。Arrange方法值【例10.5】多文档界面应用程序示例。新建一个工程，包含两个窗体：多文档窗体MDIForm1和标准文档窗体Form1，Form1窗体的MDIChild属性设置为True。按照下图所示，为多文档窗体设置菜单。通用对话框包含打开和保存文件对话框，选择字体和颜色对话框，设置打印选项以及显示帮助文件对话框等。10.4.1添加通用对话框控件添加通用对话框的方法：(1)选择“工程”菜单中的“部件”命令，弹出“部件”对话框。(2)在“控件”选项卡中，从列表框选中“MicrosoftCommonDialogControl6．0”。(3)单击“确定”按钮，即可把通用对话框控件添加到工具箱中(4)在窗体上添加通用对话框控件。10.4通用对话框加载通用对话框控件后，使用不同的方法可以显示出相应的对话框。（1）ShowOpen方法：“打开(Open)”对话框（2）S