第5章 应用程序界面设计.ppt

第5章应用程序界面设计 本章 主要介绍菜单 多文档界面 工具栏 状态栏等一些与界面设计有关的知识 5 1菜单的规划与设计 5 2弹出式菜单 5 3工具栏与状态栏的设计 5 4MDI窗体 5 5综合应用 5 1菜单的规划与设计 5 1 1菜单的结构与功能5 1 2菜单的规划5 1 3菜单的设计 5 1 1菜单的结构与功能 菜单栏 指位于窗口标题栏下方包含若干个菜单标题的水平矩形条状区域 菜单标题 指菜单栏中菜单的名称 每个菜单标题标识了一个下拉列表 菜单项 包含于菜单之中的各个选项 当选中了某个菜单项后 可能会执行一条命令 也可能是执行了一个过程或函数 甚至可能弹出一个子菜单 子菜单 是指激活一个带有 标记的菜单选项后打开的列表 它由一系列菜单项构成 菜单系统一般有4个部分组成 5 1 2菜单的规划 在进行菜单系统的规划时 一般应考虑以下原则 1 面向用户 2 菜单名称通俗易懂 3 合理组织菜单项 4 设置合适的分隔线 5 控制菜单项的数目 6 设置合适的访问键和快捷键 5 1 3菜单的设计 VisualBasic中的菜单通过菜单编辑器 即菜单设计窗口建立 将要建立下拉菜单的窗体设为活动窗体后 可以通过4种方法进入菜单编辑器 1 执行 工具 菜单中的 菜单编辑器 命令 2 使用热键 Ctrl E 3 单击工具栏中的 菜单编辑器 按钮 4 在要建立菜单的窗体上单击鼠标右键 将弹出一个菜单 在该菜单中单击 菜单编辑器 命令 通过以上任一方法 均可调出菜单编辑器 属性设置区 菜单控件编辑按钮 菜单控件列表框 例5 1 菜单设计 建立一个如图所示的菜单 用户可以通过选择菜单中的菜单项改变文本框中内容的外观 设计步骤如下 1 建立控件在窗体上添加一个文本框 将它的Text属性置为空 2 设计菜单在窗体设计状态下选择 工具 菜单下的 菜单编辑器 命令 调出菜单设计窗口 在菜单设计窗口中 按表5 2设计菜单项 3 把代码连接到菜单上在窗体窗口单击菜单标题 然后在下拉菜单中单击要连接代码的菜单项 在屏幕上就会出现代码窗口 并自动给出事件过程的头尾语句 只要在头尾语句间输入代码即可 clipboard VB内部的剪贴板对象 用于向系统剪贴板存储文本 图像和数据以及从其检索文本 图像和数据 Clear方法 用于清除剪贴板SetText方法 将文本写入剪贴板clipboard SetText format SetImage方法 将图像写入剪贴板clipboard SetImageGetText方法 从剪贴板读取文本clipboard GetText format GetImage方法 从剪贴板中读取图像clipboard GetImage PrivatesubSetColor Color Click IndexAsInteger SelectCaseIndexCase1Text1 Forecolor RGB 255 0 0 Case2Text1 Forecolor RGB 0 255 0 Case3Text1 Forecolor RGB 0 0 255 EndSelectEndSub 5 2弹出式菜单 与下拉菜单不同 弹出式菜单不需要在窗口顶部下拉打开 而是通过单击鼠标右键在窗体的任意位置打开 因而使用方便 具有较大的灵活性 建立弹出式菜单通常有两步 首先用菜单编辑器建立菜单 然后用PopupMenu方法弹出显示 第一步的操作与前面介绍的基本相同 唯一的区别是如果不想在窗体顶部显示该菜单 就应把菜单名 即主菜单项 的 可见 属性设置为False 子菜单项不要设置为False PopupMenu方法用来显示弹出式菜单 其格式为 对象 PopupMenu菜单名 Flags x y 例5 2 我们将例5 1中的 设置字体 菜单的内容作为弹出式菜单的内容 我们只需在代码窗口添加如下代码 PrivateSubForm MouseDown ButtonAsInteger ShiftAsInteger XAsSingle YAsSingle IfButton 2ThenPopupMenuSetFontEndIfEndSub运行程序 鼠标右键单击窗体 即可弹出 设置字体 菜单的菜单内容 5 3工具栏和状态栏 在Windows应用程序中 更简便的操作是采用工具栏中的工具按钮 工具栏有若干个按钮构成 每个按钮上一般都有图片 从而形象地表明该按钮的作用 每个按钮一般与应用菜单中的菜单项相对应 用来访问应用程序中最常用的功能和命令 状态栏用于显示应用程序的运行状态 一般放在窗口的底部 ToolBar控件 把ToolBar控件添加到工具箱 将 MicrosoftWindowsCommonControls6 0 将控件添加到工具箱 通过ToolBar ImageList组合使用建立工具栏 步骤 1 在ImageList控件中添加所需的图象2 在ToolBar控件中创建Button对象 3 ToolBar控件的ButtonClick 事件程序的编写4 在ButtonClick事件中用SelectCase语句对各按钮进行相应的编程 5 3 1工具栏 1 在ImageList控件中添加图象ImageList控件不单独使用 专门为其它控件提供图像库 索引 Index 关键字 Key 在ToolBar中引用图象文件的扩展名为 ico bmp gif jpg等 5 3 1工具栏 2 在ToolBar控件中添加按钮 ToolBar与ImageList的连接 工具栏样式 5 3 1工具栏 3 为工具栏增加按钮 索引 Index 关键字 Key 每个按钮的编号 标识 ButtonClick事件中引用 图象 Image ImageList对象中的图象 值可以是Key或Index 样式 Style 共5种 除菜单按钮 5 外的4种样式 5 3 1工具栏 4 响应ToolBar控件事件ToolBar控件常用的事件有两个 ButtonClick和ButtonMenuClick 前者对按钮样式为0 2 后者对样式为5的菜单按钮 1 用索引Index确定按钮 2 用关键字Key确定按钮 PrivateSubToolbar1 ButtonClick ByvalButtonAsComctlLib Button SelectCaseButton IndexCase1FileNewProcCase2FileOpenProc EndSelectEndSub注意 第1个按钮的Index值为1 用Index还是用Key比较 Key可读性好 可维护性好 SelectCaseButton KeyCase TNew FileNewProcCase TOpen FileOpenProc StatusBar控件能提供一个长方条的框架 状态栏 通常在窗体的底部 也可通过Align属性决定状态栏出现的位置 用它可以显示出应用程序的运行状态 如光标位置 系统时间 键盘的大小写状态等 一 建立状态栏 5 3 2状态栏 二 动态显示状态栏信息 运行时 有些状态栏信息系统已具备 能自动显示 如图14 9状态栏中的第3 5窗格 但第2个窗格的值要通过编程来实现 以动态地显示光标在文本中的位置 PrivateSubDocBox Click 当单击文本框时 当前光标位置在状态栏的第2个窗格显示Findstart DocBox SelStartMDIForm1 StatusBar1 Panels 2 Text FindstartEndSub 5 4多重文档界面 MDI 多文档界面允许同时打开多个文档 每一个文档都显示在自己的被称为子窗体的窗体中 如我们非常熟悉的Word Excel等都是多文档界面 多文档界面由父窗体和子窗体组成 在VB中 父窗体就是MDI窗体 子窗体就是指MDIChild属性为True的普通窗体 多文档界面主要特性如下 1 主窗口MDI窗体 父窗体 只能有且必须有一个 2 子窗体至少有一个 3 所有子窗体的操作均被限定在MDI窗体的工作区中 4 当最小化子窗体时 它的图标将显示于MDI窗体上而不是在任务栏中 当最小化MDI窗体时 所有的子窗体也被最小化 只有MDI窗体的图标出现在任务栏中 5 当最大化一个子窗体时 它的标题与MDI窗体的标题一起显示在MDI窗体的标题栏上 6 MDI窗体和子窗体都可以有各自的菜单栏 子窗体装入时覆盖MDI窗体的菜单 1 创建MDI窗体用户要建立一个MDI窗体 可以选择 工程 菜单中的 添加MDI窗体 命令 弹出如图下图所示的 添加MDI窗体 对话框 选择 MDI窗体 再单击 打开 按钮 2 子窗体MDI子窗体是一个MDIChild属性为True的普通窗体 因此 要创建一个MDI子窗体 应先创建一个新的普通窗体 然后将它的MDIChild属性置为True MDI子窗体的设计与MDI窗体无关 但在运行时总是包含在MDI窗体中 当MDI窗体最小化时 所有的子窗体都被最小化 每个子窗体都有自己的图标 但只有MDI窗体的图标显示在任务栏中 子窗体相互之间没有约束关系 它们可以用不同的方式排列 3 与MDI有关的方法和事件 1 Arrange方法该方法用来以不同的方式排列MDI中的窗体或图标 其格式为 Arrange方式 用来指定MDI窗体中子窗体或图标的排列方式 2 显示MDI窗体及其子窗体的方法显示MDI窗体及其子窗体的方法是Show 3 QueryUnload事件为了避免随着父窗体的关闭而使所有的子窗体结束 造成子窗体内容的丢失 VB提供了QueryUnload事件 当用户从MDI窗体的控制菜单框中选择 关闭 命令 或者从提供的菜单项中选择 退出 命令时 系统就会试图卸载MDI窗体 此时就会触