第10章高级界面设计 学习目标: ◆了解工具栏和状态栏的设计 ◆了解多文档界面的创建和设计 掌握通用对话框的创建和使用 了解多媒体控件的应用技术 ◆了解ⅤB应用程序向导的使用
第10章 高级界面设计 学习目标： ◆ 了解工具栏和状态栏的设计 ◆ 了解多文档界面的创建和设计 ◆ 掌握通用对话框的创建和使用 ◆ 了解多媒体控件的应用技术 ◆ 了解VB应用程序向导的使用
第10章高级界面设计 教学内容: 10.1工具栏和状态栏 10.2多文档界面 10.3通用对话框 10.4多媒体控件应用 105应用程序向导
第10章 高级界面设计 教学内容： 10.1 工具栏和状态栏 10.2 多文档界面 10.3 通用对话框 10.4 多媒体控件应用 10.5 应用程序向导
返回目录 10.1工具栏和状态栏一工具栏的设计 创建工具栏一般须遵循以下四个步骤: (1)将 Imagelist控件和 Toolbar控件添加到工具箱中, 然后添加到窗体上。 (2)为窗体上的 Imagelist控件添加所需的图像。 (3)建立 ToolBar控件与 Imagelist控件之间的关联 (4)对 ToolBar上的按钮编写clck事件响应代码
10.1 工具栏和状态栏－工具栏的设计 创建工具栏一般须遵循以下四个步骤： (1) 将ImageList控件和Toolbar控件添加到工具箱中， 然后添加到窗体上。 (2) 为窗体上的ImageList控件添加所需的图像。 (3) 建立ToolBar控件与ImageList控件之间的关联。 (4) 对ToolBar上的按钮编写Click事件响应代码。 返回目录
返回目录 10.1工具栏和状态栏一工具栏的设计 1.添加工具栏控件 (1)“工程→部件”,选 Microsoft Windows Common Controls6.0 控件设计器|可插入对象 U Microsoft Picture Clip Control 6.0 D Microsoft Rich Textbox Control 6.0 U Microsoft SysInfo Control60 U Microsoft Tabbed Dialog Control 6.0 Controls 5.0(SP2 O Microsoft Windows Common Controls-250(SI D Microsoft Windows Common Controls-2 6.0 I Microsoft Windows Common Controls-3 6.0 D Microsoft Winsock Control 6.0 □ MSFlexGrid Wizard a MSInfo MSIA V Cate gory module 浏览 厂只显示选定项) Microsoft Windows Common Controls 6.0 定位:C:{"Im0ws\ SYSTEM\ MSCOMCTL0CX 确定 取消 应用
10.1 工具栏和状态栏－工具栏的设计 1. 添加工具栏控件 (1) “工程→部件”，选Microsoft Windows Common Controls 6.0 返回目录
返回目录 10.1工具栏和状态栏一工具栏的设计 (2)用回在窗体任意位置添加一个 magelist控件,名称默认 为 Imagelist1 (3)用回在窗体上添加一个 Toolbar控件(该控件自动位于菜 单栏的下面),其名称默认为 Toolbar o Form1 口区 文件编辑窗口帮助
10.1 工具栏和状态栏－工具栏的设计 (2) 用 在窗体任意位置添加一个ImageList控件，名称默认 为ImageList1 (3) 用 在窗体上添加一个Toolbar控件(该控件自动位于菜 单栏的下面) ，其名称默认为Toolbar1。 返回目录
返回目录 10.1工具栏和状态栏一工具栏的设计 2.为窗体上的 I Imagelist控件添加所需的图像 右击窗体上的 Imagelist控件,选择“属性”命令 >“通用”选项卡:设置按钮大小 “颜色”选项卡:设定按钮的颜色 “图像”选项卡:选择要加入的图像 「属性页 用。图像颜色 °16x160)高度0 C32x32 C48x48(4) 宽度 C自定义c 问使用屏蔽颜色 匚确定」取消」应用②帮助」
10.1 工具栏和状态栏－工具栏的设计 2. 为窗体上的ImageList控件添加所需的图像 右击窗体上的ImageList控件，选择“属性”命令 ➢ “通用”选项卡：设置按钮大小 ➢ “颜色”选项卡：设定按钮的颜色 ➢ “图像”选项卡：选择要加入的图像 返回目录
返回目录 10.1工具栏和状态栏一工具栏的设计 图像”选项卡:选择要加入的图像 片 搜寻〔) 回酬圈国 cOpy 出lhdo 通用图像颜色 Redo 当有图像 案引①:一兴键字0 文件名0: "Open. bmp"Cut. bmp""New bmp"Copy□打开0」 示记①r 文件类型():所右国甘件 属性页 图录) 图像 当前图像 插入阳片@),「片 图像数 标记 图像Q 圖易口电 确定取消」 应用) 插入图片P 删除图片0 图像数 匚确定取消」用」帮助
10.1 工具栏和状态栏－工具栏的设计 ➢ “图像”选项卡：选择要加入的图像 返回目录
返回目录 10.1工具栏和状态栏一工具栏的设计 >“图像”选项卡:定义“关键字”(在 ToolBar控件中引用的图 像标识名) 属性页 通用图像颜色 当前图像 索引① 标记) 属性页 图像) 通用图像颜色 品口电 当前图像 索引:(关键字0):Rew 标记①) 插入图片① 删除图片) 图像数 囗电 确定 取消 插入图片 删除图片) 图像数 L确定取消应用帮助
10.1 工具栏和状态栏－工具栏的设计 ➢ “图像”选项卡：定义“关键字”(在ToolBar控件中引用的图 像标识名) 返回目录
返回目录 10.1工具栏和状态栏一工具栏的设计 3.建立 TooBar控件与 Imagers控件之间的关联 右击窗体上的 Toolbar控件,选择“属性”命令 通用”选项卡:“图像列表”选择 Image list 通用按钮图片1 鼠标指针Q) 0-ccDefault 0IE放置模式① 0- ccOLEDropNor 图像列表①) ImageList 禁用图像列表G) 热图像列表〔 帮助上下文标识符) 帮助文件吧) 按钮高度aD 允许自定义c)问可换行的) 按钮宽度 45.26 显示提示)F有效) 外观〔) 1-c3D边框样式):-ane- 文本对齐C) 0-tbrTextAligmBottom 样式Cr 0- tbr Standard 确定 用
10.1 工具栏和状态栏－工具栏的设计 3. 建立ToolBar控件与ImageList控件之间的关联 右击窗体上的Toolbar控件，选择“属性”命令 ➢ “通用”选项卡：“图像列表”选择ImageList1 返回目录
返回目录 10.1工具栏和状态栏一工具栏的设计 “按钮”选项卡:单击“插入按钮”工具栏第一个按钮 属性页 ◆“索引”:自动变为1 通用按钮图片 m):p团入D删除 “关键字”:输入 标题c 关键字 Image list1控件中定义 样式) 通用按钮图片 的相应关键字 工具提示文本) 标 引①):[插入按钮①J删除按钮⑧ F可 描述① ◆“图像”:输入“1 按钮菜单 关键字:|pen 值:p- tbrUnpress- 索引:p且样式 宽度保留区)) 以此类推插入其他按钮 文本 工具提示文本):用开文件 像G) 区有效Q标记① 可见)有效)厂混合状态Q 口区 按钮菜单 文件編辑窗口帮助 索引!:p插入按钮菜单0」删 回口 文本 关键字 标记 有效 下可见 取消 应用
10.1 工具栏和状态栏－工具栏的设计 ➢ “按钮”选项卡：单击“插入按钮” 返回目录 工具栏第一个按钮： ◆“索引”：自动变为1 ◆“ 关键字 ” ：输入 ImageList1 控 件 中 定 义 的相应关键字 ◆“图像”：输入“1” 以此类推插入其他按钮