《应用程序界面设计.pptx》由会员分享，可在线阅读，更多相关《应用程序界面设计.pptx（24页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第 2 2 节节 菜单设计菜单设计 一、菜单概述一、菜单概述：下拉式菜单和弹出式菜单。下拉式菜单通常通过单：下拉式菜单和弹出式菜单。下拉式菜单通常通过单击菜单栏中的菜单标题打开；弹出式菜单通常通过在某一区域单击菜单栏中的菜单标题打开；弹出式菜单通常通过在某一区域单击右键的方式打开。击右键的方式打开。下拉式菜单图例下拉式菜单图例弹出式菜单图例弹出式菜单图例第1页/共24页Vb中菜单也是对象，有一组属性和事件，菜单项也是对象，也有自己的属性和一个响应事件（click）。注意：菜单不是一个独立对象，是窗体对象的组成部分(子对象)。第2页/共24页二、菜单设计二、菜单设计二、菜单设计二、菜单设计：在
2、设计状态下，从：在设计状态下，从：在设计状态下，从：在设计状态下，从“工具工具工具工具”菜菜菜菜单中选单中选单中选单中选“菜单编辑器菜单编辑器菜单编辑器菜单编辑器 ”进入菜单编辑，进入菜单编辑，进入菜单编辑，进入菜单编辑，通过通过通过通过“菜单编辑器菜单编辑器菜单编辑器菜单编辑器”可以方便地进行菜单设可以方便地进行菜单设可以方便地进行菜单设可以方便地进行菜单设计。计。计。计。菜单编辑器如下：菜单编辑器如下：菜单编辑器如下：菜单编辑器如下：第3页/共24页（1 1）标题：显示菜单项。前有）标题：显示菜单项。前有）标题：显示菜单项。前有）标题：显示菜单项。前有&的符号为热键，按功能的符号为热键，按
3、功能的符号为热键，按功能的符号为热键，按功能分组标题为分组标题为分组标题为分组标题为“-”-”（2 2）名称：菜单对象名。通过该名称编写单击事件（名）名称：菜单对象名。通过该名称编写单击事件（名）名称：菜单对象名。通过该名称编写单击事件（名）名称：菜单对象名。通过该名称编写单击事件（名称称称称_click()_click()）过程。）过程。）过程。）过程。分隔符也要有名称分隔符也要有名称分隔符也要有名称分隔符也要有名称。（3 3）索引：用于建立对象数组，索引能认别对象数组中）索引：用于建立对象数组，索引能认别对象数组中）索引：用于建立对象数组，索引能认别对象数组中）索引：用于建立对象数组，索引
4、能认别对象数组中的成员。同名称的对象，系统会认为是对象数组，但的成员。同名称的对象，系统会认为是对象数组，但的成员。同名称的对象，系统会认为是对象数组，但的成员。同名称的对象，系统会认为是对象数组，但不会自动给出索引不会自动给出索引不会自动给出索引不会自动给出索引，用户必需输入。，用户必需输入。，用户必需输入。，用户必需输入。（4 4）快捷键：菜单项可以设快捷键，）快捷键：菜单项可以设快捷键，）快捷键：菜单项可以设快捷键，）快捷键：菜单项可以设快捷键，顶层菜单不能设快顶层菜单不能设快顶层菜单不能设快顶层菜单不能设快捷键捷键捷键捷键。（5 5）下一个：）下一个：）下一个：）下一个：（6 6）插入
5、：）插入：）插入：）插入：（7 7）删除：）删除：）删除：）删除：（8 8）和和和和 ：（9 9）和和和和 ：（1010）有效：有效菜单项黑色可选，无效菜单项灰色不）有效：有效菜单项黑色可选，无效菜单项灰色不）有效：有效菜单项黑色可选，无效菜单项灰色不）有效：有效菜单项黑色可选，无效菜单项灰色不可选。可选。可选。可选。（1111）可见：）可见：）可见：）可见：（1212）复选：在菜单项的左显示）复选：在菜单项的左显示）复选：在菜单项的左显示）复选：在菜单项的左显示“”“”表示该菜单项已表示该菜单项已表示该菜单项已表示该菜单项已经是一个选项。经是一个选项。经是一个选项。经是一个选项。第4页/共2
6、4页例10-1 用菜单实现加、减、乘、除运算。1界面设计：2程序：p233-1第5页/共24页例10-a 设计一个文本编辑器,用菜单实现对文本的编辑和格式设置功能。(p233-a)界面设计:一个文本框,和菜单。在编辑菜单中包含复制、粘贴、删除子菜单项；在字体菜单中包含楷体、宋体、黑体子菜单项。菜单通过菜单编辑器建立，各菜单的属性如下：标题标题Caption名称名称Name标题标题Caption名称名称Name编辑编辑(&E)edit字体字体(&F)font复制复制copy楷体楷体kt粘贴粘贴pst宋体宋体st剪切剪切del黑体黑体ht第6页/共24页三、修改菜单状态三、修改菜单状态三、修改菜单
7、状态三、修改菜单状态：在运行过程中使某：在运行过程中使某：在运行过程中使某：在运行过程中使某菜单项变菜单项变菜单项变菜单项变灰和恢复；隐藏某菜单项和再现。灰和恢复；隐藏某菜单项和再现。灰和恢复；隐藏某菜单项和再现。灰和恢复；隐藏某菜单项和再现。通过改变该菜单项的通过改变该菜单项的通过改变该菜单项的通过改变该菜单项的enabledenabled属性可以实现该菜属性可以实现该菜属性可以实现该菜属性可以实现该菜单项的状态（单项的状态（单项的状态（单项的状态（falsefalse为灰色、为灰色、为灰色、为灰色、truetrue为黑色为黑色为黑色为黑色）。）。）。）。通过改变该菜单项的通过改变该菜单项的
8、通过改变该菜单项的通过改变该菜单项的VisibleVisible属性可以实现该菜单属性可以实现该菜单属性可以实现该菜单属性可以实现该菜单项的状态（项的状态（项的状态（项的状态（falsefalse为隐藏、为隐藏、为隐藏、为隐藏、truetrue为再现为再现为再现为再现）。）。）。）。例例例例10-2 10-2 修改菜单项状态修改菜单项状态修改菜单项状态修改菜单项状态1.1.界面设计：同上例界面设计：同上例界面设计：同上例界面设计：同上例10-110-1。2.2.程序：程序：程序：程序：p235-2p235-2第7页/共24页四、菜单项增减四、菜单项增减四、菜单项增减四、菜单项增减：在应用程序中
9、根据环境的需要，：在应用程序中根据环境的需要，：在应用程序中根据环境的需要，：在应用程序中根据环境的需要，常常要进行菜单中菜单项的增减，具体实现时常常要进行菜单中菜单项的增减，具体实现时常常要进行菜单中菜单项的增减，具体实现时常常要进行菜单中菜单项的增减，具体实现时要要要要建立菜单控件数组建立菜单控件数组建立菜单控件数组建立菜单控件数组，并用，并用，并用，并用loadload装载菜单项，装载菜单项，装载菜单项，装载菜单项，用用用用unloadunload卸载菜单项。卸载菜单项。卸载菜单项。卸载菜单项。例例例例 10-3 10-3 给上例的计算给上例的计算给上例的计算给上例的计算1 1增加退出菜
10、单项，取掉计增加退出菜单项，取掉计增加退出菜单项，取掉计增加退出菜单项，取掉计算算算算2 2的清除菜单项的清除菜单项的清除菜单项的清除菜单项1.1.界面设计：同上例界面设计：同上例界面设计：同上例界面设计：同上例2.2.程序：程序：程序：程序：p235-3p235-3五、弹出式菜单设计五、弹出式菜单设计五、弹出式菜单设计五、弹出式菜单设计：方法：窗体名方法：窗体名方法：窗体名方法：窗体名.popupmenu popupmenu 菜单名，菜单名，菜单名，菜单名，flagflag,x,y,x,y说明说明说明说明:1.x,y:1.x,y是快捷菜单显示的是快捷菜单显示的是快捷菜单显示的是快捷菜单显示的
11、位置位置位置位置坐标坐标坐标坐标;第8页/共24页2.2.菜单名是在菜单设计器中的菜单名称菜单名是在菜单设计器中的菜单名称菜单名是在菜单设计器中的菜单名称菜单名是在菜单设计器中的菜单名称(namename););3.flag3.flag指定快捷菜单的行为标记指定快捷菜单的行为标记指定快捷菜单的行为标记指定快捷菜单的行为标记,包括两项常数包括两项常数包括两项常数包括两项常数(位位位位置和行为置和行为置和行为置和行为)；位置常数位置常数位置常数位置常数 行为常数行为常数行为常数行为常数位置常数位置常数位置常数位置常数说明说明说明说明0(0(默认默认默认默认)x,yx,y为菜单左上角为菜单左上角为菜
12、单左上角为菜单左上角 4 4x,yx,y为菜单中央为菜单中央为菜单中央为菜单中央8 8x,yx,y为菜单右下角为菜单右下角为菜单右下角为菜单右下角P233P233在用菜单编辑器建立时不选可见，在代码中通过在用菜单编辑器建立时不选可见，在代码中通过在用菜单编辑器建立时不选可见，在代码中通过在用菜单编辑器建立时不选可见，在代码中通过popupmenupopupmenu调用。调用。调用。调用。行为常数行为常数行为常数行为常数说明说明说明说明0(0(默认默认默认默认)只接受右键只接受右键只接受右键只接受右键 2 2可接受左右键可接受左右键可接受左右键可接受左右键第9页/共24页第二节对话框设计 实现人
13、机对话。是一种特殊的窗体，可用实现人机对话。是一种特殊的窗体，可用实现人机对话。是一种特殊的窗体，可用实现人机对话。是一种特殊的窗体，可用三三三三种种种种方法创建。方法创建。方法创建。方法创建。(1)(1)使用使用使用使用msgboxmsgbox和和和和inputboxinputbox函数的代码创建函数的代码创建函数的代码创建函数的代码创建预预预预定义对话框。定义对话框。定义对话框。定义对话框。(2)(2)使用通用对话框创建使用通用对话框创建使用通用对话框创建使用通用对话框创建WindowsWindows标准对话框。标准对话框。标准对话框。标准对话框。(3)(3)用户自定义对话框。用户自定义对
14、话框。用户自定义对话框。用户自定义对话框。预定义对话框是系统定义的对话框，可以直预定义对话框是系统定义的对话框，可以直预定义对话框是系统定义的对话框，可以直预定义对话框是系统定义的对话框，可以直接调用。下面介绍接调用。下面介绍接调用。下面介绍接调用。下面介绍通用对话框和用户自定义通用对话框和用户自定义通用对话框和用户自定义通用对话框和用户自定义对话框。对话框。对话框。对话框。第10页/共24页一、通用对话框一、通用对话框一、通用对话框一、通用对话框：通用对话框包含了六个对话框，打开（通用对话框包含了六个对话框，打开（通用对话框包含了六个对话框，打开（通用对话框包含了六个对话框，打开（openo
15、pen），另存为），另存为），另存为），另存为（save assave as），颜色（），颜色（），颜色（），颜色（colorcolor），字体（），字体（），字体（），字体（fontfont），打印），打印），打印），打印（printerprinter），帮助（），帮助（），帮助（），帮助（helphelp）。）。）。）。1.1.添加通用对话框控件添加通用对话框控件添加通用对话框控件添加通用对话框控件工程工程工程工程部件部件部件部件Microsoft Common Dialog Control 6.0 Microsoft Common Dialog Control 6.0 添加完后，在工具箱
16、中出现通用对话框控件，可以象标准添加完后，在工具箱中出现通用对话框控件，可以象标准添加完后，在工具箱中出现通用对话框控件，可以象标准添加完后，在工具箱中出现通用对话框控件，可以象标准控件一样使用，控件一样使用，控件一样使用，控件一样使用，但在执行时不显示，在程序中可以用但在执行时不显示，在程序中可以用但在执行时不显示，在程序中可以用但在执行时不显示，在程序中可以用actionaction属性或属性或属性或属性或showshow方法激活。方法激活。方法激活。方法激活。只是一种用户界面，不能实现：打开文件，另存文件，设置颜只是一种用户界面，不能实现：打开文件，另存文件，设置颜只是一种用户界面，不能
17、实现：打开文件，另存文件，设置颜只是一种用户界面，不能实现：打开文件，另存文件，设置颜色，设置字体，打印。色，设置字体，打印。色，设置字体，打印。色，设置字体，打印。2.2.通用对话框的基本属性和方法通用对话框的基本属性和方法通用对话框的基本属性和方法通用对话框的基本属性和方法通用对话框的显示类型由激活时的通用对话框的显示类型由激活时的通用对话框的显示类型由激活时的通用对话框的显示类型由激活时的showshow方法或方法或方法或方法或actionaction属属属属性决定。性决定。性决定。性决定。第11页/共24页通用对话框控件的方法与属性列表方法名方法名ActionAction属性值属性值功
18、能功能showopenshowopen1 1显示文件打开对话框显示文件打开对话框showsaveshowsave2 2显示文件保存对话框显示文件保存对话框showcolorshowcolor3 3显示颜色对话框显示颜色对话框showfontshowfont4 4显示字体对话框显示字体对话框showprintshowprint5 5显示打印对话框显示打印对话框showhelpshowhelp6 6显示帮助对话框显示帮助对话框ActionAction属性值只能用程序代码设置。属性值只能用程序代码设置。以上6种对话框都有自己特殊的属性，可以用3种方法设置：在属性窗口属性窗口、在程序代码、在属性页对话
19、框属性页对话框中设置。第12页/共24页2.2.文件文件文件文件打开打开打开打开对话框对话框对话框对话框(1)(1)文件打开对话框属性的设置：文件打开对话框属性的设置：文件打开对话框属性的设置：文件打开对话框属性的设置：1)FileName:1)FileName:文件全名文件全名文件全名文件全名2)FileTitle2)FileTitle：文件名：文件名：文件名：文件名3)Filter:3)Filter:文件类型。如文件类型。如文件类型。如文件类型。如:*.txt|*.Doc|*.Exe:*.txt|*.Doc|*.Exe4)Init4)Initdirdir:设置初始目录设置初始目录设置初始目
20、录设置初始目录(2)(2)文件打开对话框的使用：文件打开对话框的使用：文件打开对话框的使用：文件打开对话框的使用：打开文件对话框：打开文件对话框：打开文件对话框：打开文件对话框：Action=1Action=1或执行或执行或执行或执行showopenshowopen方法。方法。方法。方法。只打开文件对话框，不能打开文件，要打只打开文件对话框，不能打开文件，要打只打开文件对话框，不能打开文件，要打只打开文件对话框，不能打开文件，要打开文件可以编程完成。开文件可以编程完成。开文件可以编程完成。开文件可以编程完成。第13页/共24页例例10-5 编写一个图片浏览器程序编写一个图片浏览器程序1.界面设
21、计：界面设计：2.程序：程序：p240-5第14页/共24页二、对话框应用举例二、对话框应用举例例例10-6 使用对话框设计一个文本编辑器，具有使用对话框设计一个文本编辑器，具有创建、编辑、保存、打印功能。创建、编辑、保存、打印功能。1.界面设计：界面设计：2.程序：p246-6第15页/共24页三、自定义对话框三、自定义对话框三、自定义对话框三、自定义对话框 是一个包含是一个包含是一个包含是一个包含命令按钮、单选钮、复选钮、文本框命令按钮、单选钮、复选钮、文本框命令按钮、单选钮、复选钮、文本框命令按钮、单选钮、复选钮、文本框等对象，固定大小、等对象，固定大小、等对象，固定大小、等对象，固定大
22、小、无控制菜单的特殊窗体无控制菜单的特殊窗体无控制菜单的特殊窗体无控制菜单的特殊窗体。1.1.模式模式模式模式对话框：对话框：对话框：对话框：关闭后关闭后关闭后关闭后才能执行其后程序的对话框。如才能执行其后程序的对话框。如才能执行其后程序的对话框。如才能执行其后程序的对话框。如inputboxinputbox函数和函数和函数和函数和msgboxmsgbox函数函数函数函数2.2.无模式无模式无模式无模式对话框：只是一个提示对话框，对话框：只是一个提示对话框，对话框：只是一个提示对话框，对话框：只是一个提示对话框，不关闭不关闭不关闭不关闭可以继可以继可以继可以继续执行其它程序。续执行其它程序。续
23、执行其它程序。续执行其它程序。3.3.自定义对话框的使用自定义对话框的使用自定义对话框的使用自定义对话框的使用窗体对象窗体对象窗体对象窗体对象.show style,owner.show style,ownerstylestyle为为为为0 0时是无模式时是无模式时是无模式时是无模式对话框；对话框；对话框；对话框；stylestyle为为为为1 1时是模式时是模式时是模式时是模式对话框。对话框。对话框。对话框。OwnerOwner指定窗体的父子关系（指定父窗体），父窗体关指定窗体的父子关系（指定父窗体），父窗体关指定窗体的父子关系（指定父窗体），父窗体关指定窗体的父子关系（指定父窗体），父窗体
24、关闭该对话框也自动关闭。闭该对话框也自动关闭。闭该对话框也自动关闭。闭该对话框也自动关闭。第16页/共24页例例例例10-7 10-7 设计一个登录对话框，要求用户输入设计一个登录对话框，要求用户输入设计一个登录对话框，要求用户输入设计一个登录对话框，要求用户输入“用户名用户名用户名用户名”、“密码密码密码密码”，输入正确后调用记事本，输入正确后调用记事本，输入正确后调用记事本，输入正确后调用记事本程序，否则程序退出。程序，否则程序退出。程序，否则程序退出。程序，否则程序退出。1.1.界面设计：界面设计：界面设计：界面设计：2.程序：程序：p251-7第17页/共24页第三节工具栏设计 如程序
25、如程序p246-6的界面的界面一、手工创建工具栏一、手工创建工具栏：二、使用工具栏控件创建工具栏二、使用工具栏控件创建工具栏（1）首先添加部件：）首先添加部件：工程工程部件部件windows common controls 添加通用控件（添加通用控件（9个）个）（2）用）用toolbar控件创建工具栏控件创建工具栏p258-10第18页/共24页第四节多重窗体和多文档界面 一、多文档界面一、多文档界面一、多文档界面一、多文档界面：由父子窗口组成，父窗口（：由父子窗口组成，父窗口（：由父子窗口组成，父窗口（：由父子窗口组成，父窗口（MDIMDI）是）是）是）是子窗口的容器，所有子窗口具有相同的功
26、能。子窗口的容器，所有子窗口具有相同的功能。子窗口的容器，所有子窗口具有相同的功能。子窗口的容器，所有子窗口具有相同的功能。例例例例10-11 10-11 p270p270二、创建和设计二、创建和设计二、创建和设计二、创建和设计MDIMDI窗体及其子窗体窗体及其子窗体窗体及其子窗体窗体及其子窗体多文档界面的应用程序只能包含一个多文档界面的应用程序只能包含一个多文档界面的应用程序只能包含一个多文档界面的应用程序只能包含一个MDIMDI窗体和至少一窗体和至少一窗体和至少一窗体和至少一个子窗体，不同窗体共用的过程、变量应放在标准个子窗体，不同窗体共用的过程、变量应放在标准个子窗体，不同窗体共用的过程
27、、变量应放在标准个子窗体，不同窗体共用的过程、变量应放在标准模块中。模块中。模块中。模块中。1.1.创建和设计创建和设计创建和设计创建和设计MDIMDI窗体窗体窗体窗体在在在在MDIMDI窗体中窗体中窗体中窗体中,一般含有菜单栏一般含有菜单栏一般含有菜单栏一般含有菜单栏,工具栏和状态栏工具栏和状态栏工具栏和状态栏工具栏和状态栏;但不能但不能但不能但不能有文本框控件有文本框控件有文本框控件有文本框控件.(1)(1)创建创建创建创建MDIMDI窗体窗体窗体窗体:“:“工程工程工程工程”添加添加添加添加MDIMDI窗体窗体窗体窗体”(2)(2)设计设计设计设计MDIMDI窗体窗体窗体窗体第19页/共
28、24页2.2.创建和设计子窗体创建和设计子窗体在子窗体上可以有菜单和文本框在子窗体上可以有菜单和文本框.(1)(1)创建创建MDIMDI子窗体子窗体:创建一个普通窗体创建一个普通窗体,将其将其MDIChildMDIChild属性设置为属性设置为True.True.如果有多个子窗体如果有多个子窗体(文档型文档型),),可以通过创建一个窗可以通过创建一个窗体模板体模板,然后定义窗体模板变量方便实现然后定义窗体模板变量方便实现.dim nwedoc as new frmMDIChilddim nwedoc as new frmMDIChild 窗体变量窗体变量 窗体模板窗体模板(类类)(2)(2)设
29、计设计MDIMDI子窗体子窗体:同一般窗体设计同一般窗体设计.第20页/共24页三、三、MDIMDI窗体与子窗体的交互窗体与子窗体的交互1.1.活动子窗体和活动控件活动子窗体和活动控件ActiveFormActiveForm属性活动子窗体属性活动子窗体;ActiveControl;ActiveControl活动控件活动控件.2.2.显示显示MDIMDI窗体及其子窗体窗体及其子窗体用用showshow方法方法.如果如果MDIMDI窗体的窗体的AtuoShowChildrenAtuoShowChildren属性属性为为True,True,则在显示则在显示MDIMDI窗体时窗体时,自动显示其子窗体自
30、动显示其子窗体.3.3.维护子窗体的状态信息维护子窗体的状态信息通过在程序中设置一个公有变量可以实现通过在程序中设置一个公有变量可以实现Public textchange as BooleanPublic textchange as Boolean在文本框的修改事件中值为在文本框的修改事件中值为True;True;在关闭该子窗体时通过在关闭该子窗体时通过textchangetextchange就可确定是否保存文本内容就可确定是否保存文本内容.第21页/共24页例10-11 建立简易文本编辑器,要求能完成文本的一般编辑操作.1.建立一个工程(系统自动添加一个标准窗体),在工程中添加一个MDI窗体
31、.2.设置MDI窗体的子窗体,将标准窗体的MDIChild属性设置为True.3.设计MDI子窗体4.在标准窗体上建立一个文本框5.在MDI窗体上建立菜单6.保存工程7.编写各窗体的事件过程(p270)第22页/共24页1.VB提交纸质实习报告八次，每次内容可参考相应章后的实习提交纸质实习报告八次，每次内容可参考相应章后的实习报告指导，按报告指导，按A、B、C、D、E五级评分。五级评分。2.报告格式报告格式:题目、目的要求、内容及代码、体会与总结题目、目的要求、内容及代码、体会与总结3.八次实习报告对应内容八次实习报告对应内容:1可视化编程基础可视化编程基础2语言基础（函数应用学习或验证程序）语言基础（函数应用学习或验证程序）3顺序结构顺序结构4选择结构选择结构5循环结构循环结构6数组与自自定义数据类型数组与自自定义数据类型7过程过程8文件文件第23页/共24页感谢您的观看。第24页/共24页