高级界面设计.ppt

第7章 高级界面设计 学习目标： 了解工具栏和状态栏的设计 了解多文档界面的创建和设计 掌握通用对话框的创建和使用 了解多媒体控件的应用技术 了解VB应用程序向导的使用 第10章 高级界面设计 教学内容： 7.1 菜单设计 7.2 工具栏和状态栏 7.3 多文档界面 7.4 通用对话框 7.5 多媒体控件应用 7.6 应用程序向导 7.1 菜单的设计与应用－相关概念 7.1 菜单的设计与应用－使用菜单编辑器 7.1 菜单的设计与应用－使用菜单编辑器 7.1 菜单的设计与应用－设计下拉菜单 7.1 菜单的设计与应用－设计下拉菜单 7.1 菜单的设计与应用－设计弹出菜单 7.1 菜单的设计与应用－设计弹出菜单 7.2 工具栏和状态栏－工具栏的设计 创建工具栏一般须遵循以下四个步骤： 1 将ImageList控件和Toolbar控件添加到工具箱中， 然后添加到窗体上。 2 为窗体上的ImageList控件添加所需的图像。 3 建立ToolBar控件与ImageList控件之间的关联。 4 对ToolBar上的按钮编写Click事件响应代码。 7.2 工具栏和状态栏－工具栏的设计 1. 添加工具栏控件 1 “工程→部件”，选Microsoft Windows Common Controls 6.0 7.2 工具栏和状态栏－工具栏的设计 2 用 在窗体任意位置添加一个ImageList控件，名称默认 为ImageList1 3 用 在窗体上添加一个Toolbar控件 该控件自动位于菜 单栏的下面 ，其名称默认为Toolbar1。 7.2 工具栏和状态栏－工具栏的设计 2. 为窗体上的ImageList控件添加所需的图像 右击窗体上的ImageList控件，选择“属性”命令 “通用”选项卡：设置按钮大小 “颜色”选项卡：设定按钮的颜色 “图像”选项卡：选择要加入的图像 7.2 工具栏和状态栏－工具栏的设计 “图像”选项卡：选择要加入的图像 7.2 工具栏和状态栏－工具栏的设计 “图像”选项卡：定义“关键字” 在ToolBar控件中引用的图像标识名 7.2 工具栏和状态栏－工具栏的设计 3. 建立ToolBar控件与ImageList控件之间的关联 右击窗体上的Toolbar控件，选择“属性”命令 “通用”选项卡：“图像列表”选择ImageList1 7.2 工具栏和状态栏－工具栏的设计 “按钮”选项卡：单击“插入按钮” 7.2 工具栏和状态栏－工具栏的设计 4. 响应ToolBar控件事件 单击工具栏上的某个按钮，将引发ButtonClick事件 Private Sub Toolbar1_ButtonClick ByVal Button As MSComctlLib.Button End Sub 根据按钮的关键字 Button.Key 或者图像值 Button.Image 可判断单击的是哪个按钮，然后通过Select Case语句进行相应的处理 例，菜单中有一个“打开”菜单命令 名称为mOpen ，工具栏上有一个“打开”按钮 关键字为open，图像值为1 ，单击它们都执行同样的操作 执行OpenDoc过程 ，相应的代码如下： 7.2 工具栏和状态栏－工具栏的设计 Private Sub mOpen_Click 单击“打开”菜单命令 OpenDoc End Sub Private Sub Toolbar1_ButtonClick ByVal Button As MSComctlLib.Button Select Case Button.Key Case “open” 或Case 1，表示单击“打开”按钮 OpenDoc …… End Select End Sub 7.2 工具栏和状态栏－状态栏的设计 1. 添加状态栏控件 1 “工程→部件”，选Microsoft Windows Common Controls 6.0 2 用 在窗体上添加Statusbar控件 通常位于窗体的底部 3 设置窗格属性 7.2 工具栏和状态栏－状态栏的设计 例如， 7.2 工具栏和状态栏－状态栏的设计 2. 程序运行时在状态栏上显示信息 设置状态栏窗格属性 状态栏控件名称.Panels 索引值 例： 7.3 多文档界面－概述 1. Windows应用程序的界面样式 单文档界面样式 SDI - Single Document Interface 应用程序的主窗口内每次最多只能打开一个文档 多文档界面样式 MDI - Multiple Document Interface 应用程序的主窗口内可打开多个文档子窗口 子窗口