[计算机软件及应用]第11章 多文档界面与工具栏设计.ppt

第11章多文档界面与工具栏设计 1 第11章 多文档界面与工具栏设计 本章要求: 1.了解单文档界面（SDI）与多文档界面（MDI）的 不同,掌握界面设计的一般方法 2. 掌握工具栏、状态栏等的设计 3.并通过本章“一个简易的文字处理系统”的建立 ，掌握VB应用程序界面设计的一般方法。 第11章多文档界面与工具栏设计 2 多重文档界面MDI（Multiple Document Interface ）是Windows应用程序的典型结构。利用MDI可以在一 个包容式窗体中包含多个窗体，而且可以同时显示多个 文件（文档），每个文件都在自己的窗口内显示。这种 应用程序由“父窗口”和“子窗口”构成。 注意，MDI与多重窗体不是一个概念。多重程序 中的各个窗体是彼此独立的。MDI虽然也可以含有多个 窗体，但他是有一个父窗体，其他窗体（子窗体）都在 父窗体内。 第11章多文档界面与工具栏设计 3 11.1 Windows界面样式 11.1.1 Windows界面样式的种类 Windows应用程序是以图形用户界面（GUI）为基础的，基本样式 主要有两种：单文档界面（SDI）和多文档界面（MDI），此外，还有 一种，即资源管理器样式。 1、单文档界面 在此方式下，只能打开一个文档。如Windows下的记事本。 2、多文档界面 可以同时打开多个文档，每个文档都出现在自己的窗口中。如 Microsoft Excel等。 第11章多文档界面与工具栏设计 4 3、资源管理器样式 资源管理器样式界面是一个窗口，它含有两个窗格，其 中左半部是一个树形的或者层次型结构，右半部是一个显示 区，可用来定位或浏览大量的文档、图片或文件。 第11章多文档界面与工具栏设计 5 4、Visual Basic中的界面样式 Visual Basic支持SDI和MDI两种界面样式。 在启动Visual Basic时，可以进入MDI样式，也 可以进入SDI样式，以及资源管理器样式。 方法： 新建工程 VB应用程序向导 按照向导一步步进行即可。 第11章多文档界面与工具栏设计 6 11.1.2 多文档界面设计 标准窗体 MDI窗体 MDI子窗体 1、多文档界面由父窗口和子窗口组成，一个父窗口可包含多 个子窗口，子窗口最小化后将以图标形式出现在父窗口中，而不 会出现在Windows的任务栏中。当最小化父窗口时，所有的子窗 口也被最小化，只有父窗口的图标出现在任务栏中。父窗口就是 MDI窗体，子窗口是指MDChild属性为True的普通窗体。 第11章多文档界面与工具栏设计 7 2、引例 【例11.1】建立一个MDI文本书写器 多文档界面主要用来设计以文档为核心的应用程 序。这类应用程序允许用户同时打开多个类似的文 档。 为了用Visual Basic建立一个文本书写器应用程 序，至少需要两个窗体：一个MDI窗体和一个子窗 体。 第11章多文档界面与工具栏设计 8 11.1.3、建立MDI多窗体应用程序的步骤： （1）“新建工程” （2）“工程”菜单中选择“添加MDI窗体” （3）设置form1的MDIChild属性为True 第11章多文档界面与工具栏设计 9 v 要创建多个子窗体，可以通过窗体类来实现： v Public Sub FileNewProc() 通用过程 v Dim NewForm As New form1 v No = No + 1 v NewForm.Caption = “no“ & No v NewForm.Show v End Sub 第11章多文档界面与工具栏设计 10 11.1.4、MDI窗体的特点： 1. MDI窗体是子窗体的容器； 2. MDI窗体可以有自己的菜单，子窗体的菜单被迁移到 父窗体； 3. 在MDI窗体添加带有Align属性的控件； 4. 最大化MDI子窗体时，子窗体的标题显示在MDI窗体的 标题。 5. 一个工程中只允许有一个MDI窗体。 6. 当关闭MDI窗体时将自动关闭所有打开的子窗体。 第11章多文档界面与工具栏设计 11 11.1.5、MDI窗体的属性、方法： MdiChild属性：为True表示子窗体，为False表示非 子窗体；该属性只能在属性窗口设置。 Arrange方法：窗口的排列方式。 MDI窗体. Arrange 方式 第11章多文档界面与工具栏设计 12 11.1.6、MDI窗体与子窗体的交互 MDI窗体的两个属性：ActiveForm 和 ActiveControl分别表示活动子窗体和活动控件 。 例将子窗体的文本框中所选文本复制到剪贴板上 ： ClipBoard.SetText frmMDI.ActiveForm.ActiveControl.SelText 第11章多文档界面与工具栏设计 13 11.1.7、显示MDI窗体及其子窗体 显示任何窗体的方法为show,还有有关规则： 加载子窗体时，其父窗体会自动加载并显示；反之则无。 MDI窗体有AutoShowChildren属性，决定是否自动显示子窗体 第11章多文档界面与工具栏设计 14 11.1.8、多文档界面应用程序中的“ 窗口”菜单 要在某个菜单上显示所有打开的子窗体标题 ，只需利用菜单编辑器将该菜单的WindowList属 性设置为True。 第11章多文档界面与工具栏设计 15 例如：多文档应用程序举例。 第11章多文档界面与工具栏设计 16 Dim no% Private Sub pp_Click() MDIForm1.Arrange 1 End Sub Private Sub arrangicon_Click() MDIForm1.Arrange 3 End Sub Private Sub cd_Click() MDIForm1.Arrange 0 End Sub 第11章多文档界面与工具栏设计 17 Private Sub new_Click() Dim Newform As New Form1 no = no + 1 Newform.Caption = “no“ & no Newform.Show End Sub Private Sub exit_Click() End End Sub 第11章多文档界面与工具栏设计 18 用户要建立一个MDI窗体，可以选择“工程”菜单中的 “添加MDI窗体”命令，会弹出“添加MDI窗体”对话框， 选择“新建MDI窗体”或“现存”的MDI窗体，再选择“打 开”按钮。 11.1.9 创建多文档界面应用程序的一般过程 1创建MDI窗体 一个应用程序只能有一个MDI窗体，可以有多个MDI子 窗体。 MDI窗体类似于具有一个限制条件的普通窗体，除非控 件具有Align属性(如PictureBox控件)或者具有不可见界面(如 CommonDialog控件、Timer控件)，不能将控件直接放置在 MDI窗体上。 第11章多文档界面与工具栏设计 19 2. 创建和设计MDI子窗体 创建： MDI子窗体是一个MDIChild属性为True的普通窗 体。 要创建多个子窗体，通过窗体类来实现： Public Sub FileNewProc() Static No As Integer Dim NewDoc As New frmMDIChild No = No + 1 NewDoc.Caption = “no“ & No NewDoc.Show End Sub 第11章多文档界面与工具栏设计 20 3、 显示MDI窗体及其子窗体 显示任何窗体的方法为show,还有有关规则： （1）加载子窗体时，其父窗体会自动加载并显示；反之 则无。 （2）MDI窗体有AutoShowChildren属性，决定是否自 动显示子窗体 MDI窗体被卸载时，MDI窗体将触发QueryUnload事件 ,通过编写MDI窗体的QueryUnload事件驱动子程序来保存信 息。 第11章多文档界面与工具栏设计 21 11.1.10 MDI应用程序中的菜单 在 MDI 应用程序中，MDI 窗体和子窗体上都可以建立 菜单。每一个子窗体的菜单都显示在 MDI 窗体上，而不是在 子窗体本身。当子窗体有焦点时，该子窗体的菜单（如果有 的话）就代替菜单栏上的 MDI 窗体的菜单。如果没有可见的 子窗体，或者如果带有焦点的子窗体没有菜单，则显示 MDI 窗体的菜单。 1创建 MDI 应用程序的菜单 2多文档界面中的“窗口”菜单 第11章多文档界面与工具栏设计 22 12.2工具栏 12.2.1 ToolBar控件 把ToolBar控件添加到工具箱,将 “Microsoft Windows Common Controls 6.0”将控件添加到工具箱，通过 ToolBar、ImageList组合使用建立工具栏，步骤 1. 在ToolBar控件中创建Button对象。 2. 在ImageList控件中添加所需的图象 3. ToolBar控件的ButtonClick()事件程序的编写 在ButtonClick事件中用Select Case语句对各按钮进行相应 的编程。 第11章多文档界面与工具栏设计 23 1、在ToolBar控件中添加按钮 1.为工具栏连接图象 ToolBar与 ImageList的连接 工具栏样式 第11章多文档界面与工具栏设计 24 2、在ImageList控件中添加图象 ImageList控件不单独使用，专门为其它控件提供图像库. 索引（Index）、 关键字（Key） 在ToolBar中引用 图象文件的扩展名为： .ico、 .bmp、.gif、.jpg等 第11章多文档界面与工具栏设计 25 3 .为工具栏增加按钮 索引（Index）、关键字（Key）每个按钮 的编号、标识, ButtonClick事件中引用； 图象(Image) ImageList对象中的 图象，值可以是Key或Index 样式(Style)，共5种 除菜单按钮(5)外的4种样式 第11章多文档界面与工具栏设计 26 4、 响应ToolBar控件事件 Private Sub Toolbar1_ButtonClick(Byval Button As ComctlLib.Button) Select Case Button.Index Case 1 FileNewProc Case 2 FileOpenProc End Select End Sub 第11章多文档界面与工具栏设计 27 12.4.2 手工创建工具栏 在窗体或MDI窗体上手工创建工具栏，通常是用 PictureBox控件作为工具栏按钮的容器，用CommandButton 或Image控件作为工具栏的按钮。要为工具栏上的每一个按 钮指定一个图像和提示文字。 第11章多文档界面与工具栏设计 28 StatusBar 控件能提供一个长方条的框架状态栏，通 常在窗体的底部，也可通过Align属性决定状态栏出现的位 置。用它可以显示出应用程序的运行状态，如光标位置、 系统时间、键盘的大小写状态等。 12.3.1 建立状态栏 可插入图象 显示的文本 样式 12.3 状态栏 在窗体上添加StatusBar控件。右键单击，打开属性页 第11章多文档界面与工具栏设计 29 12.3.2 动态显示状态栏信息 运行时，有些状态栏信息系统已具备，能自动显示， 如word的编辑窗口的状态栏。通过编程可以动态地显示光 标在文本中的位置。 Private Sub DocBox_Click() 当单击文本框时，当前光标位置在状态栏的第2个窗格显示 Findstart = DocBox.SelStart MDIForm1.StatusBar1.Panels(2).Text= Findstart End Sub 第11章多文档界面与工具栏设计 30 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 . 第11章多文档界面与工具栏设计 31 11.2.2 手工创建工具栏 在窗体或MDI窗体上手工创建工具栏，通常是用 PictureBox控件作为工具栏按钮的容器，用CommandButton 或Image控件作为工具栏的按钮。要为工具栏上的每一个按 钮指定一个图像和提示文字。 11.2 工具栏 第11章多文档界面与工具栏设计 32 StatusBar 控件能提供一个长方条的框架状态栏，通 常在窗体的底部，也可通过Align属性决定状态栏出现的位 置。用它可以显示出应用程序的运行状态，如光标位置、系 统时间、键盘的大小写状态等。 11.3.1 建立状态栏 可插入图象 显示的文本 样式 11.3 状态栏 第11章多文档界面与工具栏设计 33