第10章 界面设计 第十章界面设计 本章要点： >菜单的设计 >工具栏的设计 >对话框的设计
第十章界面设计 1 界 面 设 计 本章要点 : ➢菜单的设计 ➢工具栏的设计 ➢对话框的设计 第10 章
10.1菜单的设计 Windows环境下几乎所有的应用软件都 第十章 通过菜单实现各种操作。菜单将应用程序 的各种操作分组显示在界面上，用户可以 界 方便地从菜单中选择执行各种功能。 设 两种基本菜单类型： >下拉式菜单 >弹出式菜单 193 2
第 十 章 界 面 设 计 2 10.1 菜单的设计 Windows环境下几乎所有的应用软件都 通过菜单实现各种操作。菜单将应用程序 的各种操作分组显示在界面上，用户可以 方便地从菜单中选择执行各种功能。 两种基本菜单类型: ➢下拉式菜单 ➢弹出式菜单
10.1.1下拉式菜单 1.下拉式菜单的结构 快捷键 访问键 第十章界面设计 顶级菜单 未命名-画图 文件E编辑(E) 查看图像 颜色（心 帮 工具箱（工 Ctrl+T 子 颜料盒(C) Ctrl+L 状态栏(5) 文宇工具栏( 主菜单标题 主菜单栏 缩放(2 常规尺寸 Ctrl+PgUp A 查看位图@ Ctrl+F 六尺寸) Ctrl+PgCin 自定义(u. 显示网格（© 子菜单 菜单命令 显示缩略图 分隔条 3
第 十 章 界 面 设 计 3 10.1.1 下拉式菜单 子 菜 单 菜单命令 主菜单标题 主菜单栏 分隔条 子 菜 单 访问键 顶级菜单 快捷键 1. 下拉式菜单的结构
2.菜单编辑器 >菜单项：看成控件，具有属性、事件、方法 >菜单项也称为菜单控件。 >菜单设计：通过“菜单编辑器”完成。 第十章界面设计 >首先使窗体成为当前窗体 >使用以下方法打开菜单编辑器： >执行“工具”菜单下的“菜单编辑器” 命令 >单击标准工具栏的“菜单编辑器”按钮 >从窗体快捷菜单中选择“菜单编辑器” 命令 入苙单偏辑哭结炊： 4
第 十 章 界 面 设 计 4 2. 菜单编辑器 ➢菜单项: 看成控件，具有属性、事件、方法 ➢菜单项也称为菜单控件。 ➢菜单设计: 通过“菜单编辑器”完成。 ➢首先使窗体成为当前窗体 ➢使用以下方法打开菜单编辑器: ➢执行“工具”菜单下的“菜单编辑器” 命令 ➢单击标准工具栏的“菜单编辑器”按钮 ➢从窗体快捷菜单中选择“菜单编辑器” 命令 ➢菜单编辑器结构:
菜单编辑器 标题￠) Caption 确定 属性区 名称u):Name 取消 索引：ndex 快捷键⑤)： 帮助上下文D):O 协调位置Q): 0 None 第十章界面设计 复选C) 有效但) 可见) 显示窗口列 编辑区 下 个) 插入 册除 菜单列表区 Checked Enabled Visible WindowList(MDD) HelpContextID NegotiatePosition 注：标题框中键入“-”和“&”符号的作用 不能给顶级菜单项加快捷键
第 十 章 界 面 设 计 5 菜 单 列 表 区 Caption Name Index Shortcut Checked Enabled Visible WindowList(MDI) HelpContextID NegotiatePosition 注: 标题框中键入“-”和“&”符号的作用。 不能给顶级菜单项加快捷键。 属 性 区 编辑区
3.下拉式菜单的设计 【例10-1】设计菜单界面，各主菜单及其 子菜单如下图所示。其中，“格式”菜单 下的菜单项“删除线、下划线、斜体、粗 第十章界面设计 体”具有复选功能，可以在两种状态下切 换。编写有关代码实现各菜单项的功能。 设计菜单示例 ▣x 文件但编辑但 格式 ClipBoard对象用于操作剪贴板上的一 文本和图形，用它可以复制、剪切 和粘贴文本和图形。在复制任何信 息到ClipBoard对象之前，应首先使 用Clear方法清除ClipBoard对象中 的内容。 Textl etText方法：将文本放到 ClipBoard对象中： GetText方法：获取ClipBoard对象 中的文本。 193 6
第 十 章 界 面 设 计 6 3．下拉式菜单的设计 【例10-1】设计菜单界面，各主菜单及其 子菜单如下图所示。其中，“格式”菜单 下的菜单项“删除线、下划线、斜体、粗 体”具有复选功能，可以在两种状态下切 换。编写有关代码实现各菜单项的功能。 Text1
文件E八编辑( 编辑(E)格式( 打开 复制 关闭G) 剪切工 粘贴P) 第章界面设计 格式M 格式M 字体兮 Ctrl+F 字体 Ctrl+F 背景额色 Ctrl+B 背景颜色 Ctrl+B 左对齐 Ctrl+L 左对齐 Ctrl+L 居中 Ctrl+M 居中 Ctrl+M 右对齐 Ctrl+R 右对齐 Ctrl+R 册除线 册除线 下划线 √下划线 斜体 √斜体 粗体 √ 粗体 7
第十章界面设计 7
界面设计： 打开菜单编辑器，按P202表10-1设置各 菜单项。 第十章界面设计 193 8
第 十 章 界 面 设 计 8 界面设计： 打开菜单编辑器，按P202表10-1设置各 菜单项
代码设计： 1 “文件”菜单下的各菜单项的功能将在 第十章界 例10-2中设计。 2)编写“编辑”菜单下的菜单项的Cick事 面 件过程 设 Private Sub txtCopy_Click( '复制 Clipboard.SetText Text1.SelText End Sub 9
第 十 章 界 面 设 计 9 代码设计： 1）“文件”菜单下的各菜单项的功能将在 例10-2中设计。 2）编写“编辑”菜单下的菜单项的Click事 件过程 Private Sub txtCopy_Click() ' 复制 Clipboard.SetText Text1.SelText End Sub
Private Sub txtCut ClickO '剪切 Clipboard.SetText Text1.SelText Text1.Text Left(Text1.Text, 第十章界面设计 Text1.SelStart)&Right(Text1.Text, Len(Text1.Text)-Text1.SelStart- Text1.SelLength) End Sub 193 10
第 十 章 界 面 设 计 10 Private Sub txtCut_Click() ' 剪切 Clipboard.SetText Text1.SelText Text1.Text = Left(Text1.Text, Text1.SelStart) & Right(Text1.Text, Len(Text1.Text) - Text1.SelStart - Text1.SelLength) End Sub