第5章 应用程序界面设计

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二层,第三层,第四层,第五层,*,第,5,章 应用程序界面设计,本章，主要介绍菜单、多文档界面、工具栏、状态栏等一些与界面设计有关的知识。,5.1,菜单的规划与设计,5.2,弹出式菜单,5.3,工具栏与状态栏的设计,5.4 MDI,窗体,5.5,综合应用,5.1,菜单的规划与设计,5.1.1,菜单的结构与功能,5.1.2,菜单的规划,5.1.3,菜单的设计,5.1.1,菜单的结构与功能,菜单栏：,指位于窗口标题栏下方包含若干个菜单标题的水平矩形条状区域。,菜单标题：,指菜单栏中菜单的名称。每个菜单标题标识了一个下拉列表。,菜单项：,包含于菜单之中的各个选项，当选中了某个菜单项后，可能会执行一条命令，也可能是执行了一个过程或函数，甚至可能弹出一个子菜单。,子菜单：,是指激活一个带有“,”标记的菜单选项后打开的列表，它由一系列菜单项构成。,菜单系统一般有,4,个部分组成：,5.1.2,菜单的规划,在进行菜单系统的规划时，一般应考虑以下原则：,(1),面向用户,(2),菜单名称通俗易懂,(3),合理组织菜单项,(4),设置合适的分隔线,(5),控制菜单项的数目,(6),设置合适的访问键和快捷键,5.1.3,菜单的设计,Visual Basic,中的菜单通过菜单编辑器，即菜单设计窗口建立。将要建立下拉菜单的窗体设为活动窗体后，可以通过,4,种方法进入菜单编辑器：,（,1,）执行“工具”菜单中的“菜单编辑器”命令,（,2,）使用热键,Ctrl+E,。,（,3,）,单击工具栏中的“菜单编辑器”按钮。,（,4,）在要建立菜单的窗体上单击鼠标右键，将弹出一个菜单，在该菜单中单击“菜单编辑器”命令。,通过以上任一方法，均可调出菜单编辑器。,属性设置区,菜单控件编辑按钮,菜单控件列表框,【,例,5.1】,菜单设计。建立一个如图所示的菜单，用户可以通过选择菜单中的菜单项改变文本框中内容的外观。,设计步骤如下,:,（,1,）建立控件,在窗体上添加一个文本框，将它的,Text,属性置为空。,（,2,）设计菜单,在窗体设计状态下选择“工具”菜单下的“菜单编辑器”命令，调出菜单设计窗口。在菜单设计窗口中，按表,5-2,设计菜单项。,（,3,）把代码连接到菜单上,在窗体窗口单击菜单标题，然后在下拉菜单中单击要连接代码的菜单项，在屏幕上就会出现代码窗口，并自动给出事件过程的头尾语句。只要在头尾语句间输入代码即可。,clipboard,：,VB,内部的剪贴板对象。用于向系统剪贴板存储文本、图像和数据以及从其检索文本、图像和数据。,Clear,方法：用于清除剪贴板,SetText,方法：将文本写入剪贴板,clipboard.,SetText,format,SetImage,方法：将图像写入剪贴板,clipboard.,SetImage,GetText,方法：从剪贴板读取文本,clipboard.GetText,format,GetImage,方法：从剪贴板中读取图像,clipboard.,GetImage,Private sub,SetColor_Color_Click(Index,As Integer),Select Case Index,Case 1,Text1,Forecolor,=RGB(255,，,0,，,0),Case 2,Text1,Forecolor,=RGB(0,，,255,，,0),Case 3,Text1,Forecolor,=RGB(0,，,0,，,255),End Select,End Sub,5.2,弹出式菜单,与下拉菜单不同，弹出式菜单不需要在窗口顶部下拉打开，而是通过单击鼠标右键在窗体的任意位置打开，因而使用方便，具有较大的灵活性。,建立弹出式菜单通常有两步：,首先用菜单编辑器建立菜单，然后用,PopupMenu,方法弹出显示。,第一步的操作与前面介绍的基本相同，唯一的区别是如果不想在窗体顶部显示该菜单，就应把菜单名（即主菜单项）的“可见”属性设置为,False(,子菜单项不要设置为,False),。,PopupMenu,方法用来显示弹出式菜单，其格式为：,对象,.,PopupMenu,菜单名,Flags,x,y,【,例,5.2】,我们将例,5.1,中的“设置字体”菜单的内容作为弹出式菜单的内容。,我们只需在代码窗口添加如下代码：,Private Sub,Form_MouseDown(Button,As Integer,Shift As Integer, X As Single, Y As Single),If Button=2 Then,PopupMenu,SetFont,End If,End Sub,运行程序，鼠标右键单击窗体，即可弹出“设置字体”菜单的菜单内容。,5.3,工具栏和状态栏,在,Windows,应用程序中,更简便的操作是采用工具栏中的工具按钮。工具栏有若干个按钮构成，每个按钮上一般都有图片，从而形象地表明该按钮的作用。每个按钮一般与应用菜单中的菜单项相对应，用来访问应用程序中最常用的功能和命令。,状态栏用于显示应用程序的运行状态，一般放在窗口的底部,。,ToolBar,控件：,把,ToolBar,控件添加到工具箱,将,“,Microsoft Windows Common Controls 6.0”,将控件添加到工具箱，通过,ToolBar,、,ImageList,组合使用建立工具栏，步骤 ：,1.,在,ImageList,控件中添加所需的图象,2.,在,ToolBar,控件中创建,Button,对象。,3.ToolBar,控件的,ButtonClick,(),事件程序的编写,4.,在,ButtonClick,事件中用,Select Case,语句对各按钮进行相应的编程。,5.3.1,工具栏,1,、在,ImageList,控件中添加图象,ImageList,控件不单独使用，专门为其它控件提供图像库,.,索引（,Index,）、,关键字（,Key,）,在,ToolBar,中引用,图象文件的扩展名为：,.,ico,、,.bmp,、,.gif,、,.jpg,等,5.3.1,工具栏,2,、在,ToolBar,控件中添加按钮,ToolBar,与,ImageList,的连接,工具栏样式,5.3.1,工具栏,3 .,为工具栏增加按钮,索引（,Index,）、,关键字（,Key,）,每个按钮的编号、标识,ButtonClick,事件中引用；,图象,(Image),ImageList,对象中的图象，值可以是,Key,或,Index,样式,(Style),，,共,5,种,除菜单按钮,(5),外的,4,种样式,5.3.1,工具栏,4,、 响应,ToolBar,控件事件,ToolBar,控件常用的事件有两个：,ButtonClick,和,ButtonMenuClick,。,前者对按钮样式为,0-2,，后者对样式为,5,的菜单按钮。,（,1,）用索引,Index,确定按钮,(2),用关键字,Key,确定按钮,Private Sub Toolbar1_ButtonClick(Byval Button As,ComctlLib.Button,),Select Case Button,.Index,Case,1,FileNewProc,Case,2,FileOpenProc,End Select,End Sub,注意：第,1,个按钮的,Index,值为,1,。用,Index,还是用,Key,比较,，,Key,可读性好，可维护性好。,Select Case Button,.Key,Case,TNew,FileNewProc,Case,TOpen,FileOpenProc,.,StatusBar,控件能提供一个长方条的框架,状态栏，通常在窗体的底部，也可通过,Align,属性决定状态栏出现的位置。用它可以显示出应用程序的运行状态，如光标位置、系统时间、键盘的大小写状态等。,一、,建立状态栏,可插入图象,显示的文本,样式,5.3.2,状态栏,二、 动态显示状态栏信息,运行时，有些状态栏信息系统已具备，能自动显示，如图,14-9,状态栏中的第,35,窗格，但第,2,个窗格的值要通过编程来实现，以动态地显示光标在文本中的位置。,Private Sub,DocBox_Click,(),当单击文本框时，当前光标位置在状态栏的第,2,个窗格显示,Findstart,=,DocBox.SelStart,MDIForm1.StatusBar1.Panels(2).Text=,Findstart,End Sub,5.4,多重文档界面（,MDI,）,多文档界面允许同时打开多个文档，每一个文档都显示在自己的被称为子窗体的窗体中，如我们非常熟悉的,Word,、,Excel,等都是多文档界面。多文档界面由父窗体和子窗体组成。在,VB,中，,父窗体就是,MDI,窗体，子窗体就是指,MDIChild,属性为,True,的普通窗体。,多文档界面主要特性如下：,（,1,）主窗口,MDI,窗体（父窗体）只能有且必须有一个。,（,2,）子窗体至少有一个。,（,3,）所有子窗体的操作均被限定在,MDI,窗体的工作区中。,（,4,）当最小化子窗体时，它的图标将显示于,MDI,窗体上而不是在任务栏中。当最小化,MDI,窗体时，所有的子窗体也被最小化，只有,MDI,窗体的图标出现在任务栏中。,（,5,）当最大化一个子窗体时，它的标题与,MDI,窗体的标题一起显示在,MDI,窗体的标题栏上。,（,6,）,MDI,窗体和子窗体都可以有各自的菜单栏，子窗体装入时覆盖,MDI,窗体的菜单。,1,创建,MDI,窗体,用户要建立一个,MDI,窗体，可以选择“工程”菜单中的“添加,MDI,窗体”命令，弹出如图下图所示的“添加,MDI,窗体”对话框，选择“,MDI,窗体”，再单击“打开”按钮。,2,子窗体,MDI,子窗体是一个,MDIChild,属性为,True,的普通窗体。因此，要创建一个,MDI,子窗体，应先创建一个新的普通窗体，然后将它的,MDIChild,属性置为,True,。,MDI,子窗体的设计与,MDI,窗体无关，但在运行时总是包含在,MDI,窗体中，当,MDI,窗体最小化时，所有的子窗体都被最小化。每个子窗体都有自己的图标，但只有,MDI,窗体的图标显示在任务栏中。子窗体相互之间没有约束关系，它们可以用不同的方式排列。,3,与,MDI,有关的方法和事件,（,1,）,Arrange,方法,该方法用来以不同的方式排列,MDI,中的窗体或图标。其格式为：,.Arrange,方式：用来指定,MDI,窗体中子窗体或图标的排列方式。,（,2,）显示,MDI,窗体及其子窗体的方法,显示,MDI,窗体及其子窗体的方法是,Show,。,（,3,）,QueryUnload,事件,为了避免随着父窗体的关闭而使所有的子窗体结束，造成子窗体内容的丢失，,VB,提供了,QueryUnload,事件。当用户从,MDI,窗体的控制菜单框中选择“关闭”命令，或者从提供的菜单项中选择“退出”命令时，系统就会试图卸载,MDI,窗体，此时就会触发,QueryUnload,事件，然后每一个打开的子窗体也都触发该事件。若需要保存有关信息及其他处理，可在该事件代码中完成。然后逐个卸载子窗体，最后卸载,MDI,窗体。,MDI,应用,新建工程，添加一个,MDI,窗体,MDIForm1,，在其上设计一个图片框,Picture1,，然后在图片框上放置五个命令按钮和一个标签。其中命令按钮用于执行相应的操作，标签用于显示该多文档窗体中建立有多少个子窗体，设计界面如图所示,运行结果如图,各控件,主要属性,如图,