《第九章应用程序界面设计.ppt》由会员分享，可在线阅读，更多相关《第九章应用程序界面设计.ppt（25页珍藏版）》请在三一文库上搜索。
1、第 9 章 界面设计,第 2 节 菜单设计,第 3 节 工具栏设计,第 4 节 状态栏设计,第 5节 多重窗体和多文档界面,第 1 节 界面设计概述,界面是应用程序不可缺少的组成部分，在编写程序代码前，首先要根据程序需要设计界面。,第 1 节 界面设计概述,界面的设计原则： 1.符合应用程序要求。 2.便于操作，美观大方，元素一致性。 3.符合常规(windows界面标准),界面中常见元素： 在应用程序界面上一般包含菜单、工具栏、状态栏和应用程序所需的其他对象。,第 2 节 菜单设计,一、菜单概述：下拉式菜单和弹出式菜单。下拉式菜单通常通过单击菜单栏中的菜单标题打开；弹出式菜单通常通过在某一区
2、域单击右键的方式打开。,下拉式菜单图例,弹出式菜单图例,Vb中菜单也是对象，有一组属性和事件，菜单项也是对象，也有自己的属性和一个响应事件（click）。 注意：菜单不是一个独立对象，是窗体对象的组成部分(子对象)。,二、菜单设计：在设计状态下，从“工具”菜单中选“菜单编辑器 ”进入菜单编辑，通过“菜单编辑器”可以方便地进行菜单设计。 菜单编辑器如下：,（1）标题：显示菜单项。前有&的符号为热键，按功能分组标题为“-” （2）名称：菜单对象名。通过该名称编写单击事件（名称_click()）过程。分隔符也要有名称。 （3）索引：用于建立对象数组，索引能认别对象数组中的成员。同名称的对象，系统会认
3、为是对象数组，但不会自动给出索引，用户必需输入。 （4）快捷键：菜单项可以设快捷键，顶层菜单不能设快捷键。 （5）下一个： （6）插入： （7）删除： （8） 和 ： （9）和 ： （10）有效：有效菜单项黑色可选，无效菜单项灰色不可选。 （11）可见： （12）复选：在菜单项的左显示“”表示该菜单项已经是一个选项。,例10-1 用菜单实现加、减、乘、除运算。 1界面设计：,2程序： p233-1,例10-a 设计一个文本编辑器,用菜单实现对文本的编辑和格式设置功能。(p233-a) 界面设计:一个文本框,和菜单。在编辑菜单中包含复制、粘贴、删除子菜单项；在字体菜单中包含楷体、宋体、黑体子菜单
4、项。 菜单通过菜单编辑器建立，各菜单的属性如下：,三、修改菜单状态：在运行过程中使某菜单项变灰和恢复；隐藏某菜单项和再现。 通过改变该菜单项的enabled属性可以实现该菜单项的状态（false为灰色、true为黑色）。 通过改变该菜单项的Visible属性可以实现该菜单项的状态（false为隐藏、true为再现）。 例10-2 修改菜单项状态 1.界面设计：同上例10-1。 2.程序：p235-2,四、菜单项增减：在应用程序中根据环境的需要，常常要进行菜单中菜单项的增减，具体实现时要建立菜单控件数组，并用load装载菜单项，用unload卸载菜单项。 例 10-3 给上例的计算1增加退出菜单
5、项，取掉计算2的清除菜单项 1.界面设计：同上例 2.程序： p235-3 五、弹出式菜单设计： 方法：窗体名.popupmenu 菜单名，flag,x,y 说明:1. x,y是快捷菜单显示的位置坐标;,2.菜单名是在菜单设计器中的菜单名称(name); 3.flag指定快捷菜单的行为标记,包括两项常数(位置和行为)； 位置常数 行为常数,P233 在用菜单编辑器建立时不选可见，在代码中通过popupmenu调用。,第二节对话框设计,实现人机对话。是一种特殊的窗体，可用三种方法创建。 (1)使用msgbox和inputbox函数的代码创建预定义对话框。 (2)使用通用对话框创建Windows标
6、准对话框。 (3)用户自定义对话框。 预定义对话框是系统定义的对话框，可以直接调用。下面介绍通用对话框和用户自定义对话框。,一、通用对话框： 通用对话框包含了六个对话框，打开（open），另存为（save as），颜色（color），字体（font），打印（printer），帮助（help）。 1.添加通用对话框控件 工程部件Microsoft Common Dialog Control 6.0 添加完后，在工具箱中出现通用对话框控件，可以象标准控件一样使用，但在执行时不显示，在程序中可以用action属性或show方法激活。 只是一种用户界面，不能实现：打开文件，另存文件，设置颜色，设置字体
7、，打印。 2.通用对话框的基本属性和方法 通用对话框的显示类型由激活时的show方法或action属性决定。,通用对话框控件的方法与属性列表,Action属性值只能用程序代码设置。 以上6种对话框都有自己特殊的属性，可以用3种方法设置：在属性窗口、在程序代码、在属性页对话框中设置。,2.文件打开对话框 (1)文件打开对话框属性的设置： 1)FileName: 文件全名 2)FileTitle：文件名 3)Filter:文件类型。如:*.txt|*.Doc|*.Exe 4)Initdir:设置初始目录 (2)文件打开对话框的使用： 打开文件对话框：Action=1或执行showopen方法。 只
8、打开文件对话框，不能打开文件，要打开文件可以编程完成。,例 10-5 编写一个图片浏览器程序 1.界面设计：,2.程序：p240-5,二、对话框应用举例 例10-6 使用对话框设计一个文本编辑器，具有创建、编辑、保存、打印功能。 1.界面设计：,2.程序：p246-6,三、自定义对话框 是一个包含命令按钮、单选钮、复选钮、文本框等对象，固定大小、无控制菜单的特殊窗体。 1.模式对话框：关闭后才能执行其后程序的对话框。如inputbox函数和msgbox函数 2.无模式对话框：只是一个提示对话框，不关闭可以继续执行其它程序。 3.自定义对话框的使用 窗体对象.show style,owner s
9、tyle为0时是无模式对话框；style为1时是模式对话框。 Owner指定窗体的父子关系（指定父窗体），父窗体关闭该对话框也自动关闭。,例10-7 设计一个登录对话框，要求用户输入“用户名”、“密码”，输入正确后调用记事本程序，否则程序退出。 1.界面设计：,2.程序：p251-7,第三节工具栏设计,如程序p246-6的界面 一、手工创建工具栏： 二、使用工具栏控件创建工具栏 （1）首先添加部件： 工程部件windows common controls 添加通用控件（9个） （2）用toolbar控件创建工具栏 p258-10,第四节多重窗体和多文档界面,一、多文档界面：由父子窗口组成，父窗
10、口（MDI）是子窗口的容器，所有子窗口具有相同的功能。 例10-11 p270 二、创建和设计MDI窗体及其子窗体 多文档界面的应用程序只能包含一个MDI窗体和至少一个子窗体，不同窗体共用的过程、变量应放在标准模块中。 1.创建和设计MDI窗体 在MDI窗体中,一般含有菜单栏,工具栏和状态栏;但不能有文本框控件. (1)创建MDI窗体:“工程”添加MDI窗体” (2)设计MDI窗体,2.创建和设计子窗体 在子窗体上可以有菜单和文本框. (1)创建MDI子窗体:创建一个普通窗体,将其MDIChild属性设置为True. 如果有多个子窗体(文档型),可以通过创建一个窗体模板,然后定义窗体模板变量方
11、便实现. dim nwedoc as new frmMDIChild 窗体变量 窗体模板(类) (2)设计MDI子窗体:同一般窗体设计.,三、MDI窗体与子窗体的交互 1.活动子窗体和活动控件 ActiveForm属性活动子窗体;ActiveControl活动控件. 2.显示MDI窗体及其子窗体 用show方法.如果MDI窗体的AtuoShowChildren属性为True,则在显示MDI窗体时,自动显示其子窗体. 3.维护子窗体的状态信息 通过在程序中设置一个公有变量可以实现 Public textchange as Boolean 在文本框的修改事件中值为True;在关闭该子窗体时通过te
12、xtchange就可确定是否保存文本内容.,例10-11 建立简易文本编辑器,要求能完成文本的一般编辑操作. 1.建立一个工程(系统自动添加一个标准窗体),在工程中添加一个MDI窗体. 2.设置MDI窗体的子窗体,将标准窗体的MDIChild属性设置为True. 3.设计MDI子窗体 4.在标准窗体上建立一个文本框 5.在MDI窗体上建立菜单 6.保存工程 7.编写各窗体的事件过程,(p270),1.VB提交纸质实习报告八次，每次内容可参考相应章后的实习报告指导，按A、B、C、D、E五级评分。 2.报告格式:题目、目的要求、内容及代码、体会与总结 3.八次实习报告对应内容: 1可视化编程基础 2语言基础（函数应用学习或验证程序） 3顺序结构 4选择结构 5循环结构 6数组与自自定义数据类型 7过程 8文件,