VB实验4MDI窗体及工具栏课件

1、 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识Visual BasicVisual Basic程序设计实验指导程序设计实验指导第1页 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第2页了解了解MDIMDI窗体和子窗体的特点窗体和子窗体的特点 掌握掌握MDIMDI窗体的程序设计方法窗体的程序设计方法掌握工具栏的属性设置和使用方法掌握工具栏的属性设置和使用方法掌握图像列表的属性设置和使用方法掌握图像列表的属性设置和使用方法掌握掌握MDIMDI窗体中菜单与工具栏的协调运用窗体中菜单与工具栏的协调运用 目的和要求目的和要求上一页上一页下一页下一页退退

2、 出出预备知识预备知识第3页1 1MDIMDI（多文档界面）（多文档界面）多文档界面多文档界面MDIMDI（Multiple Document Multiple Document InterfaceInterface）是指在一个父窗口中可以同时打开多）是指在一个父窗口中可以同时打开多个子窗口。个子窗口。MDIMDI应用程序允许用户同时显示多个文应用程序允许用户同时显示多个文档，每个文档显示在它自己的窗口中，文档或子档，每个文档显示在它自己的窗口中，文档或子窗口被包含在父窗口中。父窗口为应用程序中所窗口被包含在父窗口中。父窗口为应用程序中所有的子窗口提供工作空间。子窗口隶属于父窗口。有的子窗口提

3、供工作空间。子窗口隶属于父窗口。如果父窗口关闭，则所有子窗口全部关闭。常见如果父窗口关闭，则所有子窗口全部关闭。常见的的WindowsWindows应用程序常采用多文档界面。例如，微应用程序常采用多文档界面。例如，微软软OfficeOffice的几个组件程序，全部采用的是多文档的几个组件程序，全部采用的是多文档界面。界面。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第4页2 2MDIMDI窗体的创建窗体的创建（1 1）建立）建立MDIMDI窗体窗体选择选择“工程工程”菜单，单击菜单，单击“添加添加MDIMDI窗体窗体”菜单项，或在菜单项，或在工具栏上单击工具栏上单击

4、“添加窗体添加窗体”按钮右边的下拉箭头，在弹出的按钮右边的下拉箭头，在弹出的菜单中单击菜单中单击“添加添加MDIMDI窗体窗体”菜单项。此时，在菜单项。此时，在“工程资源工程资源管理器管理器”窗口中会出现一个独特的窗口中会出现一个独特的MDIMDI窗体图标。窗体图标。（2 2）添加子窗体，设置）添加子窗体，设置MDIChildMDIChild属性属性选择菜单选择菜单“工程工程”“添加窗体添加窗体”，弹出，弹出“添加窗体添加窗体”对话框，选择对话框，选择“窗体窗体”，单击，单击“打开打开”按钮，设置窗体的按钮，设置窗体的MDIChildMDIChild属性为属性为TrueTrue，就在，就在MD

5、IMDI窗体中添加一个子窗体。重窗体中添加一个子窗体。重复此操作即可添加多个子窗体复此操作即可添加多个子窗体。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第5页3 3工具栏与图像列表工具栏与图像列表Visual BasicVisual Basic允许用户创建自己的工具栏，工具栏为用允许用户创建自己的工具栏，工具栏为用户提供了应用程序中最常用的菜单命令的快速访问方法，进户提供了应用程序中最常用的菜单命令的快速访问方法，进一步增强应用程序的菜单界面。一步增强应用程序的菜单界面。创建工具栏，需要使用创建工具栏，需要使用ActiveXActiveX控件中的工具栏控件中的工具

6、栏（ToolbarToolbar）控件和图像列表（）控件和图像列表（ImageListImageList）控件。在）控件。在Visual Visual BasicBasic标准工具箱里没有标准工具箱里没有ActiveXActiveX控件，用时必须添加。添加控件，用时必须添加。添加过程如下：过程如下：选择选择“工程工程”菜单，单击菜单，单击“部件部件”菜单项，弹出菜单项，弹出“部件部件”对话框。在对话框。在“部件部件”对话框的对话框的“控件控件”选项卡中，选择选项卡中，选择“Microsoft Windows Common Controls 6.0”Microsoft Windows Commo

7、n Controls 6.0”，单击，单击“确确定定”按钮，关闭按钮，关闭“部件部件”对话框。在标准工具箱中就可以看对话框。在标准工具箱中就可以看到多出的工具栏控件和图像列表控件等。到多出的工具栏控件和图像列表控件等。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第6页图像列表控件是包含图像的集合，该集合中的图像列表控件是包含图像的集合，该集合中的每个图像对象都可以通过其索引（每个图像对象都可以通过其索引（IndexIndex）或关键）或关键字（字（KeyKey）属性被引用。图像列表控件不能独立使）属性被引用。图像列表控件不能独立使用，只是作为一个便于向其他控件提供图

8、像的资用，只是作为一个便于向其他控件提供图像的资料中心，相当于图像的仓库。料中心，相当于图像的仓库。Visual BasicVisual Basic中常中常通过通过ToolBarToolBar、TabStripTabStrip、ImageComboImageCombo等等WindowsWindows通用控件来使用图像列表中的图像，在使用前必通用控件来使用图像列表中的图像，在使用前必须先将图像列表对象绑定在须先将图像列表对象绑定在WindowsWindows通用控件上。通用控件上。需要注意的是，图像列表对象一旦被绑定到需要注意的是，图像列表对象一旦被绑定到WindowsWindows通用控件上，

9、就不能再删除其中的图像，通用控件上，就不能再删除其中的图像，只可以在集合的末尾添加图像。如需要删除图像，只可以在集合的末尾添加图像。如需要删除图像，必须先取消绑定。必须先取消绑定。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第7页4 4创建用户自定义工具栏创建用户自定义工具栏创建用户自定义工具栏的一般步骤如下：创建用户自定义工具栏的一般步骤如下：（1 1）在）在MDIMDI窗体上放置工具栏和图像列表对象窗体上放置工具栏和图像列表对象在在Visual BasicVisual Basic工具箱上单击工具箱上单击ToolBarToolBar控件，并控件，并拖到拖到MDIM

10、DI窗体的任何位置，创建一个窗体的任何位置，创建一个ToolBar1ToolBar1对象，对象，Visual BasicVisual Basic自动将自动将ToolBar1ToolBar1移到顶部。单击移到顶部。单击ImageListImageList控件，并拖到控件，并拖到MDIMDI窗体的任何位置（位窗体的任何位置（位置不重要，因为它总是不可见的），创建一个图置不重要，因为它总是不可见的），创建一个图像列表对象像列表对象ImageList1ImageList1。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第8页（2 2）设置图像列表对）设置图像列表对象属性，将所

11、需的图像引象属性，将所需的图像引入到图像列表中入到图像列表中右击右击ImageList1ImageList1，从，从弹出菜单中选择弹出菜单中选择“属性属性”，进入进入“属性页属性页”对话框，对话框，选择选择“图像图像”选项卡，单选项卡，单击击“插入图片插入图片”按钮，将按钮，将预先准备好的图像添加到预先准备好的图像添加到ImageList1ImageList1中，如图所示。中，如图所示。添加多幅图片重复此步骤。添加多幅图片重复此步骤。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第9页（3 3）将图像列表对象绑定到工具栏上）将图像列表对象绑定到工具栏上若要在工具栏中使

12、用图像列表中的图像，必若要在工具栏中使用图像列表中的图像，必须先将图像列表对象绑定到工具栏上，具体操须先将图像列表对象绑定到工具栏上，具体操作如下：作如下：右击右击ToolBar1ToolBar1对象，选择对象，选择“通用通用”选项卡，选项卡，在在“图像列表图像列表”下拉框里选择下拉框里选择ImageList1ImageList1，就，就将将ImageList1ImageList1绑定到绑定到ToolBar1ToolBar1上。上。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第10页（4 4）在工具栏中插入）在工具栏中插入按钮并设置图标等属性按钮并设置图标等属性选择

13、工具栏选择工具栏“属性页属性页”对话框中的对话框中的“按钮按钮”选选项卡，单击项卡，单击“插入按钮插入按钮”按钮，按钮，Visual BasicVisual Basic就就会在工具栏上显示一个会在工具栏上显示一个空白按钮，如图所示。空白按钮，如图所示。重复此步骤插入多个按重复此步骤插入多个按钮。钮。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第11页（5 5）编写工具栏的）编写工具栏的ButtonClickButtonClick事件代码事件代码双击工具栏，编写工具栏的双击工具栏，编写工具栏的ButtonClickButtonClick事件代事件代码，常使用分支结构来

14、完成程序的设计：码，常使用分支结构来完成程序的设计：Private Sub Toolbar1 ButtonClick(ByVal Button As _ MSComctlLib.Button) Select Case Button.Index Case 1 Case 2 End SelectEnd Sub 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第12页Button.IndexButton.Index：表示工具栏按钮的索引，每个：表示工具栏按钮的索引，每个按钮对应一个索引值，单击工具栏上的按钮返回按钮对应一个索引值，单击工具栏上的按钮返回其按钮的索引值，根据索引值

15、进入相应的其按钮的索引值，根据索引值进入相应的CaseCase分分支 。 例 如 ， 单 击 工 具 栏 最 左 边 的 按 钮 ，支 。 例 如 ， 单 击 工 具 栏 最 左 边 的 按 钮 ，Button.IndexButton.Index值为值为1 1，进入，进入Case 1Case 1进行事件处理。进行事件处理。当然，也可以用当然，也可以用Button.KeyButton.Key来设置分支条件。来设置分支条件。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第13页5 5工具栏常用方法工具栏常用方法AddAdd方法方法 在工具栏上添加按钮，语法格式如下：在工具

16、栏上添加按钮，语法格式如下： .Button.Add .Button.Add ,RemoveRemove方法方法 删除工具栏上的按钮，语法格式如下：删除工具栏上的按钮，语法格式如下： .Button.Remove .Button.Remove 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第14页6 6MDIMDI子窗体的访问方法子窗体的访问方法（1 1）创建菜单访问子窗体）创建菜单访问子窗体建立好建立好MDIMDI窗体，可运用菜单编辑器为其创建菜窗体，可运用菜单编辑器为其创建菜单。可在单。可在MDIMDI窗体菜单的窗体菜单的ClickClick事件中用事件中用Load

17、Load命令命令或或ShowShow方法显示子窗体。在方法显示子窗体。在MDIMDI子窗体中，也可运子窗体中，也可运用菜单编辑器为子窗体创建菜单。用菜单编辑器为子窗体创建菜单。（2 2）创建工具栏访问子窗体）创建工具栏访问子窗体为为MDIMDI应用程序创建工具栏，用工具栏上的按钮应用程序创建工具栏，用工具栏上的按钮来访问子窗体。来访问子窗体。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第15页 实验4-1 实验4-2 实验4-3 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第16页【题目】【题目】运用菜单方式访问运用菜单方式访问MDIMDI

18、窗体的子窗体。编制一个应用程序，窗体的子窗体。编制一个应用程序，包含一个包含一个MDIMDI多文档界面窗体，并包含多文档界面窗体，并包含“诗歌欣赏诗歌欣赏”、“日日期显示期显示”及及“字效设置字效设置”三个子窗体。在三个子窗体。在MDIMDI窗体中每次只窗体中每次只能显示一个子窗体，并运用菜单项选择子窗体的显示。能显示一个子窗体，并运用菜单项选择子窗体的显示。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第17页【要求】【要求】（1 1）为）为MDIMDI窗体创建菜单，含窗体创建菜单，含“显示显示”、“字字效设置效设置”两个菜单。两个菜单。（2 2）“诗歌欣赏诗歌欣赏

19、”子窗体如上图所示。单击单子窗体如上图所示。单击单选框，文本框中显示相应作者的诗。文本框为多选框，文本框中显示相应作者的诗。文本框为多行显示。行显示。（3 3）“日期显示日期显示”子窗体中的标签对象显示系子窗体中的标签对象显示系统的当前日期。统的当前日期。“日期显示日期显示”子窗体与子窗体与“诗歌欣诗歌欣赏赏”子窗体的控制为子窗体的控制为“显示显示”菜单的菜单项。菜单的菜单项。（4 4）“字效设置字效设置”子窗体如上图所示，可设置子窗体如上图所示，可设置标签文本内容的字体效果。标签文本内容的字体效果。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第18页【分析】【分析

20、】参见预备知识，创建参见预备知识，创建MDIMDI窗体，同时添加三个子窗体，同时添加三个子窗体，子窗体的窗体，子窗体的MDIChildMDIChild属性设置为属性设置为TrueTrue。“诗诗歌欣赏歌欣赏”子窗体的多行文本显示，可以运用子窗体的多行文本显示，可以运用Chr(13) & Chr(10)Chr(13) & Chr(10)进行回车换行处理。显示系统进行回车换行处理。显示系统的当前日期可通过调用的当前日期可通过调用DateDate函数获取。函数获取。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第19页【实验步骤】【实验步骤】（1）界面设计）

21、界面设计请参照图请参照图4-6所示的界面设计窗体。所示的界面设计窗体。（2）完善程序代码）完善程序代码（3）运行工程并保存文件）运行工程并保存文件运行程序，单击菜单，操作子窗体，观察运行运行程序，单击菜单，操作子窗体，观察运行结果，最后单击结果，最后单击“保存保存”按钮将所有文件保存。按钮将所有文件保存。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第20页【题目】【题目】运用菜单及工具栏运用菜单及工具栏两种方式实现两种方式实现MDIMDI子窗子窗体的切换，同时工具体的切换，同时工具栏上的图标按钮提供栏上的图标按钮提供菜单命令的快捷访问菜单命令的快捷访问方式，具有显示

22、和背方式，具有显示和背景色两个菜单的功能，景色两个菜单的功能，运行界面如图所示。运行界面如图所示。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第21页【要求】【要求】（1 1）具有实验）具有实验4-14-1的显示菜单功能，同时又可的显示菜单功能，同时又可以设置以设置MDIMDI窗体的背景色（红或绿）。窗体的背景色（红或绿）。（2 2）运用菜单及工具栏两种方式实现）运用菜单及工具栏两种方式实现MDIMDI子窗子窗体的切换。体的切换。（3 3）设置工具栏图标按钮的菜单命令的快捷访）设置工具栏图标按钮的菜单命令的快捷访问方式。问方式。 目的和要求目的和要求上一页上一页下一页下一页退退 出出预备知识预备知识第22页【实验步骤】【实验步骤】（1）界面设计）界面设计请参照图请参照图4-7所示的界面设计窗体。所示的界面设计窗体。（2）完善程序代码）完善程序代码（3）运行工程并保存文件）运行工程并保存文件运行程序，单击菜单和工具栏，观察运行结果，运行程序，单击菜单和工具栏，观察运行结果，将将MDIMDI窗体保存为窗体保存为F4-2.frmF4-2.frm，两个子窗体分别另存，两个子窗体分别另存为为F4-2-1.frmF4-2-1.frm（“诗歌欣赏诗歌欣赏”子窗体）和子窗体）和F4-2-F4-2-2.frm