《VB高级界面设计》由会员分享，可在线阅读，更多相关《VB高级界面设计（43页珍藏版）》请在金锄头文库上搜索。
1、高级界面设计高级界面设计 学习目标：u 了解工具栏和状态栏的设计 u 了解多文档界面的创建和设计u 掌握通用对话框的创建和使用 u 了解多媒体控件的应用技术u了解VB应用程序向导的使用 第第1010章章 高级界面设计高级界面设计教学内容：10.1 工具栏和状态栏 10.2 多文档界面 10.3 通用对话框 10.4 多媒体控件应用 10.5 应用程序向导 10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏的设计 创建工具栏一般须遵循以下四个步骤：(1) 将ImageList控件和Toolbar控件添加到工具箱中，然后添加到窗体上。(2) 为窗体上的ImageList控件添加所需
2、的图像。(3) 建立ToolBar控件与ImageList控件之间的关联。(4) 对ToolBar上的按钮编写Click事件响应代码。 返回目录10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏的设计1. 添加工具栏控件 (1) “工程部件”，选Microsoft Windows Common Controls 6.0返回目录10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏的设计(2) 用 在窗体任意位置添加一个ImageList控件，名称默认为ImageList1(3) 用 在窗体上添加一个Toolbar控件(该控件自动位于菜单栏的下面) ，其名称默认为To
3、olbar1。返回目录10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏的设计2. 为窗体上的ImageList控件添加所需的图像 右击窗体上的ImageList控件，选择“属性”命令“通用”选项卡：设置按钮大小 “颜色”选项卡：设定按钮的颜色 “图像”选项卡：选择要加入的图像 返回目录10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏的设计“图像”选项卡：选择要加入的图像 返回目录10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏的设计“图像”选项卡：定义“关键字”(在ToolBar控件中引用的图像 标识名) 返回目录10.1 10.1 工具栏
4、和状态栏工具栏和状态栏工具栏的设计工具栏的设计3. 建立ToolBar控件与ImageList控件之间的关联右击窗体上的Toolbar控件，选择“属性”命令“通用”选项卡：“图像列表”选择ImageList1 返回目录10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏的设计“按钮”选项卡：单击“插入按钮” 返回目录工具栏第一个按钮：u“索引”：自动变为1u“关键字”：输入 ImageList1控件中定义 的相应关键字u“图像”：输入“1”以此类推插入其他按钮10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏的设计4. 响应ToolBar控件事件单击工具栏上的某个
5、按钮，将引发ButtonClick事件Private Sub Toolbar1_ButtonClick(ByVal ButtonAs MSComctlLib.Button)End Sub根据按钮的关键字(Button.Key)或者图像值(Button.Image) 可判断单击的是哪个按钮，然后通过Select Case语句进行 相应的处理例，菜单中有一个“打开”菜单命令(名称为mOpen)，工 具栏上有一个“打开”按钮(关键字为open，图像值为1)， 单击它们都执行同样的操作(执行OpenDoc过程)，相应的代码如下：返回目录10.1 10.1 工具栏和状态栏工具栏和状态栏工具栏的设计工具栏
6、的设计Private Sub mOpen_Click() 单击“打开”菜单命令OpenDocEnd Sub Private Sub Toolbar1_ButtonClick(ByVal Button AsMSComctlLib.Button)Select Case Button.KeyCase “open” 或Case 1，表示单击“打开”按钮OpenDocEnd SelectEnd Sub 返回目录“打开”按钮的关键字为open， 图像值为110.1 10.1 工具栏和状态栏工具栏和状态栏状态栏的设计状态栏的设计1. 添加状态栏控件 (1) “工程部件”，选Microsoft Windows
7、 Common Controls 6.0 (2) 用 在窗体上添加Statusbar控件(通常位于窗体的底部)(3) 设置窗格属性返回目录u“插入窗格”按钮：用于在状态 栏上插入窗格，最多16个u“索引”：每个窗格的编号。u“文本”：样式为sbrText时， 窗格中显示的文本u“关键字”：用于标识窗格的字 符串u“样式”：设置窗格的显示状态 10.1 10.1 工具栏和状态栏工具栏和状态栏状态栏的设计状态栏的设计例如， 返回目录10.1 10.1 工具栏和状态栏工具栏和状态栏状态栏的设计状态栏的设计2. 程序运行时在状态栏上显示信息 设置状态栏窗格属性 状态栏控件名称.Panels(索引值)例
8、： 返回目录Private Sub Text1_Change()StatusBar1.Panels(2).Text = Str(Len(Text1.Text)End Sub10.2 10.2 多文档界面多文档界面概述概述1. Windows应用程序的界面样式 单文档界面样式(SDI - Single Document Interface) 应用程序的主窗口内每次最多只能打开一个文档 多文档界面样式(MDI - Multiple Document Interface)应用程序的主窗口内可打开多个文档子窗口子窗口只能在父窗口内活动类似于资源管理器的界面 窗口通常包括两部分：左边为一个树型的或者层次
9、型的视图，右边为内容显示区 返回目录10.2 10.2 多文档界面多文档界面概述概述2. 多文档界面的特性 设计阶段特性v子窗体是独立的，它不被限制在父窗体的区域内。即，设 计阶段，子窗体、父窗体 (MDI窗体)和普通窗体没区别 运行期间特性 v子窗体的移动、改变大小等都被限制在其父窗体中v子窗体最小化时，图标在其父窗体中显示；父窗体最小化 时，其所有子窗体也被最小化。v子窗体最大化时，其标题与父窗体的标题合并，显示在父 窗体的标题条中。v父窗体及其子窗体都可以有各自的菜单，子窗体加载时覆 盖其父窗体的菜单。 返回目录10.2 10.2 多文档界面多文档界面创建和设计多文档界面创建和设计多文档
10、界面多文档界面的应用程序至少需要两个窗体：一个MDI窗 体(父窗体)和一个或若干个子窗体。在不同窗体中共用的过 程和变量一般应存放在标准模块中 1. 创建MDI窗体 添加MDI窗体：“工程添加MDI窗体”，名称默认为 MDIForm1设计MDI窗体：同普通窗体，如创建菜单栏、工具栏等 。2. 创建和设计MDI子窗体打开一个现存的或添加一个普通窗体将窗体的MDIChild属性设置为True设计子窗体：同普通窗体返回目录10.2 10.2 多文档界面多文档界面创建和设计多文档界面创建和设计多文档界面3. 通过创建类的方法实现多个子窗体的创建 例如，已创建了一个名为Formchild的子窗体，通过D
11、im NewDoc As New Formchild 可创建Formchild的一个对象多次调用以下过程，则产生多个子窗体(Formchild实例) Dim N As IntegerPublic Sub FileNewProc()Dim NewDoc As New FormchildN = N + 1NewDoc.Caption = “DOC“ & NNewDoc.Show 显示子窗体End Sub 返回目录10.2 10.2 多文档界面多文档界面创建和设计多文档界面创建和设计多文档界面例：返回目录10.2 10.2 多文档界面多文档界面创建和设计多文档界面创建和设计多文档界面(1) 添加MD
12、I窗体“工程添加MDI窗体”，名称默认为MDIForm1“工程工程1 属性”，“启动对象”设为MDIForm1创建菜单栏返回目录10.2 10.2 多文档界面多文档界面创建和设计多文档界面创建和设计多文档界面(2) 创建MDI子窗体将原Form1窗体名称改为Formchild将窗体的MDIChild属性设置为True (3) 编写MDI窗体的程序代码返回目录10.3 10.3 通用对话框通用对话框 概述概述1. 添加通用对话框控件(1) 添加到工具箱：“工程部件” (2) 添加到窗体用 在窗体任意位置添加(无需调整大小)，名称默认为CommonDialog1利用通用对话框控件可创建六种标准对话
13、框：打开、另存为、颜色、字体、打印、帮助 返回目录10.3 10.3 通用对话框通用对话框 概述概述2. 通用对话框的基本属性和方法(1) Action功能属性(只能在程序中赋值)：决定打开何种类型的对话框 0None无对话框显示 1Open 显示“打开”对话框 2Save As显示“另存为”对话框 3Color显示“颜色” 4Font显示“字体”对话框 5Print显示“打印”对话框 6Help显示“帮助”对话框 例如，CommonDialog1.Action=3 表示打开“颜色”对话框(2) DialogTiltle属性：用于设置对话框的标题 返回目录10.3 10.3 通用对话框通用对话
14、框 概述概述(3) CancelError属性：确定在用户按下“取消”按钮时是否产生错误信息(默认为False) (4) 通用对话框的常用方法 ShowOpen显示“打开”对话框ShowSave显示“另存为”对话框 ShowColor显示“颜色”对话框 ShowFont显示“字体”对话框ShowPrint显示“打印”对话框 ShowHelp显示“帮助”对话框 例如，CommonDialog1. ShowColor 也表示打开“颜色”对话框返回目录10.3 10.3 通用对话框通用对话框 使用使用1“打开”对话框（该对话框仅供一个选取文件的用户界面， 而打开文件的具体操作还需编写代码）常用属性：
15、 FileName：设置在“文件名称”文本框中所显示的文件名，或返回所选取的文件名 FileTitle：返回或设置所要打开文件的文件名(不包含路径) Filter：确定文件列表框中所显示的文件类型，例如CommonDialog1.Filter =“Documents(*.DOC)|*.DOC|Text Files(*.TXT)|*.txt|All Files|*.*“ FilterIndex：表示用户在文件类型列表框中选取的文件类型 对上例设定的Filter，若选定文本文件，则FilterIndex值为2 InitDir：指定在“打开”对话框中显示的默认目录 返回目录10.3 10.3 通用对话框通用对话框 使用使用例10.1 程序要求： 单击“编辑图片”按钮，出现“打开”对话框；可调用 Windows的画图程序编辑选定的BMP位图文件。单击“浏览图片”按钮，可将选定图片显示在图像框中。 返回目录设计窗体运行窗体10.3 10.3 通用对话框通用对话框 使用使用程序代码： 窗体Load事件响应代码：设置CommonDialog1的相关属性 “编辑图片”按钮的Click事件响应代码：用Shell函数调用 Windows的画图程序编辑选定的BMP位图文件“浏览图片”按钮的
