用户界面设计.ppt

华侨大学,第9章用户界面设计,华侨大学,第9章用户界面设计,华侨大学,9.1菜单栏与工具栏设计,华侨大学,菜单栏与工具栏概述,菜单栏和工具栏是Windows界面的重要组成部分，几乎所有的应用软件都是通过菜单栏和工具栏来实现各种操作的。应用程序中菜单栏和工具栏的位置如图91所示。,图91菜单栏和工具栏,华侨大学,菜单栏与工具栏概述,VB的菜单分成下拉式菜单和弹出式菜单两种基本类型。单击菜单栏所显示的是下拉式菜单，而在操作时单击鼠标右键后显示的菜单是弹出式菜单。,弹出式菜单,下拉式菜单,华侨大学,9.1.1下拉式菜单设计,菜单通过菜单编辑器进行编辑,华侨大学,9.1.1下拉式菜单设计,例91设计如图93所示的窗体，通过选择菜单实现窗体中诗词文字的颜色修改（红色、绿色、蓝色）和字型修改（加粗、加下划线）。,图9-3下拉菜单示例,华侨大学,9.1.2弹出式菜单设计,弹出式菜单使用PopupMenu方法激活，其命令的格式定义如下：,PopupMenu,flags,x,y,boldcommand说明：对象名：默认为当前窗体。Flags：可选参数，设定弹出式菜单的性能.x，y：可选参数，设置弹出式菜单显示的坐标值。boldcommand：可选参数，指定着重菜单项。,华侨大学,9.1.2弹出式菜单设计,例92在例91程序的基础上添加弹出式菜单，用户在窗体上右击弹出如图94所示的菜单，用于设置字体和字号。,华侨大学,9.1.3工具栏设计,工具栏是Active控件，在“MicroSoftWindowsCommonControls6.0”部件中，使用前先将该部件添加到工具箱中（请见7.5节），之后工具箱中会增加几个控件按钮，其中有ToolBar、StatusBar、ImageList控件等，添加结果如图95所示。图95MicroSoftWindowsCommonControls6.0的控件在VB中建立工具栏的方法有两种：一种是利用PictureBox和CommandBotton两个控件添加，另外一种是通过ToolBar和ImageList工具栏控件创建。由于第二种方法创建的工具栏比较标准，因此这里介绍利用第二种方法创建工具栏。,华侨大学,9.1.3工具栏设计,1ToolBar控件工具栏控件的内容设置如图所示。,图96工具栏属性页的“通用”选项卡,图97工具栏属性页的“按钮”选项卡,2.ImageList控件,华侨大学,9.1.3工具栏设计,例93在例92的基础上增加工具栏项目，实现文字颜色的修改及字型的修改，运行结果如图所示,华侨大学,9.2对话框设计,华侨大学,9.2.1通用对话框,通用对话框控件属于VB专业版和企业版所特有的ActiveX控件，位于“MicrosoftCommonDialogControl6.0”部件中。将通用对话框控件添加到控件工具箱后，工具箱中对应图标为。,表95通用对话框的方法,华侨大学,9.2.1通用对话框,例94建立一个文本编辑器，如图926所示，实现如表912所示的菜单功能，使用通用对话框控件实现文本中文字的颜色、字体的修改及打印文本内容，并能够打开帮助文件。,图926例94的运行结果,华侨大学,9.2.2自定义对话框,自定义对话框在外观上与普通窗体的区别主要在于自定义对话框没有控制菜单按钮（在窗体标题栏左侧）、最大化和最小化按钮，边框固定（不能改变大小）。因此，需要设置作为对话框使用的窗体的某些属性，如表913所示。,表913自定义对话框的属性设置,华侨大学,9.2.2自定义对话框,例如，图928是VisualBasic6.0编辑菜单中的“查找”对话框，它有4个命令按钮，没有最大化和最小化按钮，也没有控制菜单按钮，不能改变窗口的大小。图928“查找”对话框,华侨大学,9.3多重窗体的创建与操作,多重窗体是指一个应用程序中有多个并列的普通窗体，每个窗体可以有自己的界面和程序代码，完成不同的功能，其创建过程如下：添加窗体设置启动对象与窗体相关的方法不同窗体间数据的存取,华侨大学,9.3多重窗体的创建与操作,例95编写一个打字游戏程序，具有两个窗体，第一个窗体选择游戏难度，第二个窗体是打字游戏的主界面，程序运行界面如图929和图930所示。程序具有检测用户的输入，以及计算正确的输入字符数，总字符数和打字正确率的功能。,图929选择难度界面,图930打字游戏界面,华侨大学,9.4多文档界面的设计,华侨大学,9.4.1多文档界面概述,MDI应用程序至少应有两个窗体，父窗体和一个子窗体。每个窗体都有相应的属性。父窗体只有一个，而其中包含的子窗体则可以有多个.生成MDI应用程序，操作步骤如下：创建MDI窗体创建应用程序的子窗体用命令打开多个子窗体,华侨大学,9.4.2MDI窗体常用属性和方法,1活动子窗体和活动控件VB中提供了访问MDI子窗体的两个属性，如表919所示。2显示MDI窗体及其子窗体AutoShowChildren属性,表919MDI子窗体属性,华侨大学,9.4.3多文档界面的创建与操作,例96制作一个简单的文