第5章 应用程序界面设计.ppt
33页
单击此处编辑母版标题样式,,单击此处编辑母版文本样式,,第二层,,第三层,,第四层,,第五层,,,*,第,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,状态栏中的第,3~5,窗格，但第,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,中的窗体或图标其格式为：,,,
3,）,QueryUnload,事件,,为了避免随着父窗体的关闭而使所有的子窗体结束，造成子窗体内容的丢失，,VB,提供了,QueryUnload,事件当用户从,MDI,窗体的控制菜单框中选择“关闭”命令，或者从提供的菜单项中选择“退出”命令时，系统就会试图卸载,MDI,窗体，此时就会触发,QueryUnload,事件，然后每一个打开的子窗体也都触发该事件若需要保存有关信息及其他处理，可在该事件代码中完成然后逐个卸载子窗体，最后卸载,MDI,窗体MDI,应用,,新建工程，添加一个,MDI,窗体,MDIForm1,，在其上设计一个图片框,Picture1,，然后在图片框上放置五个命令按钮和一个标签其中命令按钮用于执行相应的操作，标签用于显示该多文档窗体中建立有多少个子窗体，设计界面如图所示,,运行结果如图,,,,,,,,,各控件,,主要属性,,如图,,。
