用户界面设计ppt课件

1、第第9 9章章 用户界面设计用户界面设计 第第9 9章章 用户界面设计用户界面设计9.1 9.1 菜单栏与工具栏设计菜单栏与工具栏设计 1 9.2 对话框设计2 9.3 多重窗体的创建与操作 3 9.4 多文档界面的设计49.1 9.1 菜单栏与工具栏设计菜单栏与工具栏设计 菜单栏与工具栏概述菜单栏与工具栏概述1 9.1.1 9.1.1 下拉式菜单设计下拉式菜单设计29.1.2 9.1.2 弹出式菜单设计弹出式菜单设计3 9.1.3 工具栏设计4菜单栏与工具栏概述菜单栏与工具栏概述v 菜单栏和工具栏菜单栏和工具栏是是WindowsWindows界面的界面的重要组成部分，重要组成部分，几乎所有的

2、应用几乎所有的应用软件都是通过菜软件都是通过菜单栏和工具栏来单栏和工具栏来实现各种操作的。实现各种操作的。应用程序中菜单应用程序中菜单栏和工具栏的位栏和工具栏的位置如图置如图 9 9 1 1所示。所示。菜单栏菜单栏工具栏工具栏图图 9 9 1 1菜单栏和工具栏菜单栏和工具栏 菜单栏与工具栏概述菜单栏与工具栏概述v VB VB的菜单分成下拉式菜单和弹出式菜单两种的菜单分成下拉式菜单和弹出式菜单两种基本类型。单击菜单栏所显示的是下拉式菜单，基本类型。单击菜单栏所显示的是下拉式菜单，而在操作时单击鼠标右键后显示的菜单是弹出而在操作时单击鼠标右键后显示的菜单是弹出式菜单。式菜单。 弹出式菜单弹出式菜单

3、下拉菜单下拉菜单子菜单子菜单主菜单主菜单下拉式菜单下拉式菜单9.1.1 9.1.1 下拉式菜单设计下拉式菜单设计v菜单通过菜单编辑器进行编辑菜单通过菜单编辑器进行编辑 菜单属性设置区菜单属性设置区编辑区编辑区菜单项显示区菜单项显示区9.1.1 9.1.1 下拉式菜单设计下拉式菜单设计v例例 9 9 1 1 设计如图设计如图9 9 3 3所示的窗体，通过选所示的窗体，通过选择菜单实现窗体中诗词文字的颜色修改红择菜单实现窗体中诗词文字的颜色修改红色、绿色、蓝色和字型修改加粗、加下色、绿色、蓝色和字型修改加粗、加下划线）。划线）。图图 9-3 下拉菜单示例下拉菜单示例9.1.2 9.1.2 弹出式菜

4、单设计弹出式菜单设计v弹出式菜单使用弹出式菜单使用PopupMenuPopupMenu方法激活，其命方法激活，其命令的格式定义如下：令的格式定义如下： PopupMenu PopupMenu ,flags,flags ,x,y,boldcommand ,x,y,boldcommand 说明：说明： 对象名：默认为当前窗体。对象名：默认为当前窗体。 Flags Flags：可选参数，设定弹出式菜单的性能：可选参数，设定弹出式菜单的性能. . x x，y y：可选参数，设置弹出式菜单显示的坐标值。：可选参数，设置弹出式菜单显示的坐标值。 boldcommand boldcommand：可选参数，指

5、定着重菜单项。：可选参数，指定着重菜单项。9.1.2 9.1.2 弹出式菜单设计弹出式菜单设计v例例9 9 2 2 在例在例 9 9 1 1程序的基础上添加弹出程序的基础上添加弹出式菜单，用户在窗体上右击弹出如图式菜单，用户在窗体上右击弹出如图 9 9 4 4所示的菜单，用于设置字体和字号。所示的菜单，用于设置字体和字号。9.1.3 9.1.3 工具栏设计工具栏设计v 工具栏是工具栏是ActiveActive控件，在控件，在“MicroSoft Windows “MicroSoft Windows Common Controls 6.0Common Controls 6.0部件中，使用前先将该

6、部件部件中，使用前先将该部件添加到工具箱中请见添加到工具箱中请见7.57.5节），之后工具箱中会增节），之后工具箱中会增加几个控件按钮，其中有加几个控件按钮，其中有ToolBarToolBar、StatusBarStatusBar、ImageList ImageList 控件等，添加结果如图控件等，添加结果如图9 9 5 5所示。所示。vvv 图图9 9 5 MicroSoft Windows Common Controls 6.05 MicroSoft Windows Common Controls 6.0的控件的控件v 在在VBVB中建立工具栏的方法有两种：一种是利用中建立工具栏的方法有两

7、种：一种是利用PictureBox PictureBox 和和CommandBottonCommandBotton两个控件添加，另外两个控件添加，另外一种是通过一种是通过ToolBarToolBar和和ImageListImageList工具栏控件创建。工具栏控件创建。由于第二种方法创建的工具栏比较标准，因此这里由于第二种方法创建的工具栏比较标准，因此这里介绍利用第二种方法创建工具栏。介绍利用第二种方法创建工具栏。9.1.3 9.1.3 工具栏设计工具栏设计1 1ToolBarToolBar控件控件工具栏控件的内容设置如图所示。工具栏控件的内容设置如图所示。 图图96工具栏属性页的工具栏属性页

8、的“通用选项卡通用选项卡图图97工具栏属性页的工具栏属性页的“按钮选项卡按钮选项卡2. ImageList2. ImageList控件控件 9.1.3 9.1.3 工具栏设计工具栏设计v例例9 9 3 3 在例在例9 9 2 2的基础上增加工具栏项目，的基础上增加工具栏项目，实现文字颜色的修改及字型的修改，运行结果实现文字颜色的修改及字型的修改，运行结果如图所示如图所示9.2 9.2 对话框设计对话框设计 9.2.1 9.2.1 通用对话框通用对话框1 9.2.2 9.2.2 自定义对话框自定义对话框29.2.1 9.2.1 通用对话框通用对话框v通用对话框控件属于通用对话框控件属于VBVB专

9、业版和企业版所特专业版和企业版所特有的有的ActiveXActiveX控件，位于控件，位于“Microsoft Microsoft Common Dialog Control 6.0Common Dialog Control 6.0部件中。将部件中。将通用对话框控件添加到控件工具箱后，工具通用对话框控件添加到控件工具箱后，工具箱中对应图标为箱中对应图标为 。表表95通用对话框的方法通用对话框的方法方法方法功能功能ShowOpenShowOpen显示显示“打开打开”对话框对话框ShowSaveShowSave显示显示“保存保存”对话框对话框ShowColorShowColor显示显示“颜色颜色”

10、对话框对话框ShowFontShowFont显示显示“字体字体”对话框对话框ShowPrinterShowPrinter显示显示“打印打印”对话框对话框ShowHelpShowHelp显示显示“帮助帮助”对话框对话框9.2.1 9.2.1 通用对话框通用对话框v例例9 9 4 4 建立一个文本编辑器，如图建立一个文本编辑器，如图9 9 2626所示，实现如表所示，实现如表9 9 1212所示的菜单功能，使所示的菜单功能，使用通用对话框控件实现文本中文字的颜色、用通用对话框控件实现文本中文字的颜色、字体的修改及打印文本内容，并能够打开帮字体的修改及打印文本内容，并能够打开帮助文件。助文件。图图9

11、26例例94的运行结果的运行结果 9.2.2 9.2.2自定义对话框自定义对话框v自定义对话框在外观上与普通窗体的区别主自定义对话框在外观上与普通窗体的区别主要在于自定义对话框没有控制菜单按钮在要在于自定义对话框没有控制菜单按钮在窗体标题栏左侧）、最大化和最小化按钮，窗体标题栏左侧）、最大化和最小化按钮，边框固定不能改变大小）。因而，需要设边框固定不能改变大小）。因而，需要设置作为对话框使用的窗体的某些属性，如表置作为对话框使用的窗体的某些属性，如表 9 9 1313所示。所示。表表 9 13 自定义对话框的属性设置自定义对话框的属性设置属性名属性名属性值属性值说明说明BorderStyleB

12、orderStyle3 3固定边框，不能改变大小固定边框，不能改变大小ControlBoxControlBoxFalseFalse取消控制菜单按钮取消控制菜单按钮MaxButtonMaxButtonFalseFalse取消最大化按钮取消最大化按钮MinButtonMinButtonFalseFalse取消最小化按钮取消最小化按钮 9.2.2 9.2.2自定义对话框自定义对话框v例如，图例如，图9 9 2828是是Visual Basic 6.0Visual Basic 6.0编辑菜编辑菜单中的单中的“查找查找对话框，它有对话框，它有4 4个命令按钮，个命令按钮，没有最大化和最小化按钮，也没有控

13、制菜单没有最大化和最小化按钮，也没有控制菜单按钮，不能改变窗口的大小。按钮，不能改变窗口的大小。v图图9 9 28“28“查找查找对话框对话框 9.3 9.3 多重窗体的创建与操作多重窗体的创建与操作 v 多重窗体是指一个应用程序中有多个并列多重窗体是指一个应用程序中有多个并列的普通窗体，每个窗体可以有自己的界面的普通窗体，每个窗体可以有自己的界面和程序代码，完成不同的功能，其创建过和程序代码，完成不同的功能，其创建过程如下：程如下：v 添加窗体添加窗体v 设置启动对象设置启动对象v 与窗体相关的方法与窗体相关的方法v 不同窗体间数据的存取不同窗体间数据的存取9.3 9.3 多重窗体的创建与操

14、作多重窗体的创建与操作v例例9 9 5 5 编写一个打字游戏程序，具有两个窗编写一个打字游戏程序，具有两个窗体，第一个窗体选择游戏难度，第二个窗体是体，第一个窗体选择游戏难度，第二个窗体是打字游戏的主界面，程序运行界面如图打字游戏的主界面，程序运行界面如图9 9 2929和和图图9 9 3030所示。程序具有检测用户的输入，以及所示。程序具有检测用户的输入，以及计算正确的输入字符数，总字符数和打字正确计算正确的输入字符数，总字符数和打字正确率的功能。率的功能。 图 9 29选择难度界面图930打字游戏界面 9.4 9.4 多文档界面的设计多文档界面的设计 9.4.1 9.4.1 多文档界面概述

15、多文档界面概述1 9.4.2 MDI 9.4.2 MDI窗体常用属性和方法窗体常用属性和方法 2 9.4.3 9.4.3 多文档界面的创建与操作多文档界面的创建与操作 3 9.4.1 9.4.1 多文档界面概述多文档界面概述v MDIMDI应用程序至少应有两个窗体，父窗体和应用程序至少应有两个窗体，父窗体和一个子窗体。每个窗体都有相应的属性。一个子窗体。每个窗体都有相应的属性。父窗体只有一个，而其中包含的子窗体则父窗体只有一个，而其中包含的子窗体则可以有多个可以有多个. .v 生成生成MDIMDI应用程序，操作步骤如下：应用程序，操作步骤如下：v 创建创建MDIMDI窗体窗体v 创建应用程序的

16、子窗体创建应用程序的子窗体v 用命令打开多个子窗体用命令打开多个子窗体 9.4.2 MDI 9.4.2 MDI窗体常用属性和方法窗体常用属性和方法1 1活动子窗体和活动控件活动子窗体和活动控件 VB VB中提供了访问中提供了访问MDIMDI子窗体的两个属性，子窗体的两个属性，如表如表9 9 1919所示。所示。2 2显示显示MDIMDI窗体及其子窗体窗体及其子窗体 AutoShowChildren AutoShowChildren属性属性 表表 9 9 19 MDI19 MDI子窗体属性子窗体属性属性属性描述描述ActiveFromActiveFrom表示具有焦点的或者最后被激活的的子窗体表示具有焦点的或者最后被激活的的子窗体ActiveControlActiveControl表示活动子窗体上具有焦点的控件表示活动子窗体上具有焦点的控件 9.4.3 9.4.3 多文档界面