《第五章用户界面设计教学讲义》由会员分享，可在线阅读，更多相关《第五章用户界面设计教学讲义（70页珍藏版）》请在金锄头文库上搜索。
1、第五章 用户界面设计,学习要求要求读者通过对本章的学习，掌握设计友好用户界面的基本方法，能够实现带有菜单和工具条的程序界面。,学习提示常用的基本控件无法实现更加友好的用户界面，因此本章使用了微软所提供的高级控件组，读者必须掌握添加部件的方法。,主要内容本章主要介绍了菜单的设计方法、高级控件组所包含进度条控件、ImageList控件、TreeView控件、ListView控件、工具条控件在用户界面设计方面的应用。,.,第一节 菜单设计,菜单是Windows应用软件很重要的用户界面元素，菜单提供应用软件大多数的命令，并且操作简单，弹指一挥间，软件就可发挥它的功能。若在自己开发的软件中加上菜单，使软
2、件更具有专业化水准，Visual Basic 作为一种优秀的快速软件开发工具，提供了用于制作菜单的“菜单编辑器”，使软件开发人员方便快捷地为自己的应用软件制作菜单，本节重点介绍下拉菜单、浮动菜单的使用。,在Visual Basic中，菜单编辑器是设计和管理菜单的图形化工具。使用菜单编辑器软件开发者可以在应用程序中增加、修改、重新排列、删除菜单，还可以设置访问键、选中标记、以及快捷键等功能。,一. 下拉菜单,（一） 菜单编辑器,1. 打开菜单编辑器的三种方式：利用“工具|菜单编辑器”菜单子项；单击工具栏上的菜单编辑器按钮；按快捷键Ctrl+E。,通过以上三种方法中任意一种,就可以打开如图5-1所
3、示的“菜单编辑器”对话框。,2菜单编辑器的构成,“菜单编辑器”对话框中显示建立菜单时所需的命令和选项。大多数菜单控件的属性可在“菜单编辑器”对话框中设置，所有菜单的属性在“属性窗口”中也都是可用的。,下面，详细介绍“菜单编辑器”对话框中各个组成部分的意义。,标题（P)：用户可在标题文本框中输入所要建立的菜单名，这些名字将出现在菜单栏或下拉式菜单之中。如果想在菜单中建立分隔符条，则应输入一个连字符（一），关于如何设置访问键的内容，将在本章后面小节中介绍。,名称（N)：用户可在名称文本框中输入各菜单的控件名。控件名是标识符，仅用于访问代码中的菜单项，用于程序设计中，它不会出现在菜单中，每一个菜单都
4、必须具有一个控件名。,索引（X)：可在索引文本框中指定一个数字值，用来建立菜单控件数组的索引号，以确定该菜单在菜单控件数组中的位置，该位置与菜单在屏幕中出现的位置无关。,快捷键（S):快捷键选项为一个组合框，单击组合框的三角按钮，可打开列表， 该列表中列出了供用户选择的快捷键。Visual Basic允许用户为每个菜单选择快捷键，如Ctrl+A等。,帮助上下文ID（H ）：帮助上下文ID选项为一个文本框，用户可以在此文本框中为帮助上下文ID输入一个唯一数值。在HelpFile属性指定文件中，用该数值查找适当的帮助主题。,协调位置（O ）：协调位置选项为一个组合框，单击组合框的三角按钮，可打开列
5、表。该属性确定了菜单是否出现或怎样出现在窗体的菜单栏中。,复选（C): 复选选项为一个复选框，用来设置是否在菜单项的左边出现复选标记“”。选中该复选框，则在菜单选项的左边出现“”符号。要恢复正常，只需清除该复选框即可。通常用该标记来指示菜单选项的开关状态。,有效（E)：有效选项为一个复选框，用来设置菜单选项是否为所设置的事件做出响应。如果选中该复选框，则用户不能访问该菜单选项，该菜单选项呈灰度显示；如希望恢复正常，只需清除该复选框即可。,可见（Y）：可见选项为一个复选框，用来设置菜单选项是否显示在菜单栏中。选中该复选框，则该菜单不可见；如希望恢复正常，只需清除该复选框即可。利用该属性可制作弹出
6、菜单，使菜单根据用户的需要出现在窗体中。,显示窗口列表（W ）：显示窗口列表为一个复选框，该选项确定在MDI应用程序 中，菜单控件是否包含一个打开的MDI子窗体列表。,：单击该按钮，可将选定的菜单向上移动一个等级。一共可以创建4个子菜单等级。,：单击该按钮，可将选定的菜单项在同一级菜单内向上移动一个位置。,：单击该按钮，可将选定的菜单向下移动一个等级。一共可以创建4个子菜单等级。,：单击该按钮，可将选定的菜单项在同一级菜单内向下移动一个位置。,菜单列表框：菜单列表框显示窗体中所设计的所有菜单名和菜单选项，用缩进方式指示各菜单的等级和位置。用户在设计菜单时，编辑好的菜单将会立刻显示在列表框中。,
7、按钮：单击该按钮，可将从选定的菜单选项所在的当前行移动到下一行。,在选定的菜单按钮：单击该按钮，可选项所在行的上一行插入一个菜单选项。,按钮：单击该按钮，可删除当前选定的菜单选项。,3.设计菜单,下面通过一个实例介绍设计菜单的过程。设计一个菜单系统如图5.2、图5.3所示，菜单的属性，如表5-1所示。,表5-1设计菜单的属性,图5-2 设计的菜单图 5-3 菜单编辑器的菜单,下面介绍这个菜单系统的制作过程。 (1)选中需要菜单的窗体，这里选中Form1窗体。 (2)单击“工具”|“菜单编辑器”，打开菜单编辑器窗体。在“标题”文本框内，键入主菜单标题“文件”，在“名称”文本框内键入 mnufil
8、e，这个名称将被用在代码中，用来引用这个菜单。如图5-4所示： (3)单击“下一个”按钮，在标题和名称文本框内分别键入“新建”，“mnunew”,单击按钮，将“新建”菜单移动一个等级，在“菜单列表框”中的“新建”左边出现四个点，如图5-5：,图5-4 输入文件标题、名称mnufile窗口 图5-5 输入新建标题、名称mnunew窗口,(4) 重复（4）步，创建子菜单“打开”，“关闭”，“保存”，“退出”。完成后，单击“确定”按钮。第一个主菜单“文件”完成以后如图5-6。(5)下面创建第二个主菜单“编辑”，重复（3）（4）（5）步，即可。创建后的菜单如图5-7所示。,图5-6 文件菜单 图5-7
9、 编辑菜单,4.分隔符分隔符表现为菜单之间的水平线，使用这些水平线，将各个菜单按照功能划分为一些逻辑组。同时使得界面美观，查找方便。下面给上例中的菜单增加分隔符。 (1)打开“菜单编辑器”，在“菜单列表框”选中“打开”菜单； (2)单击“插入”按钮，在“标题”，写入“-”，在“名称”文本框中写入自己命名的标识符mnufenge1 ； (3)重复以上的方法，在“关闭”与“保存”之间添加分隔符； (4)单击“确定”按钮，完成后具有分隔符的菜单如图5-8。,5.快捷键在操作时，直接使用快捷键能提高选取菜单的速度，按下快捷键时，就会立刻运行相应的菜单命令。在“菜单编辑器“中很容易定义快捷键。比如为“新
10、建”菜单定义快捷键，在“菜单编辑器”中，单击“快捷键”字符串右侧的下拉箭头，下拉列表框中显示了可以使用的快捷键组合，我们选取CtrlN作为“新建”菜单的快捷键。如果要删除已经定义的快捷键，选取“None”即可。如图5-9：,图5-8 添加分隔符后的菜单 图5-9 添加快捷键,6.访问键设置访问键，使用户可以通过同时按下“Alt”键和相应的字母键打开菜单，在Visual Basic中定义访问键在“菜单编辑器”中完成，在“标题”栏中，只需要把字符“&”放置在作为访问键字母的前面就可以了。菜单中不显示字符“&”,只是将作为访问键的字母下添加下划线。下面为“文件”及其子菜单定义访问键。打开“菜单编辑器
11、”，选中要设置访问键的菜单，比如“文件”，在“标题”文本框中加入字符串“（&F）”，这样就把“F”作为“文件”菜单的访问键。重复上面的方法，根据上例中列表的要求，完成对各个菜单访问键的设置。如图5-10。,图5-10 添加访问键 图5-11 设计后的完整菜单,7.设计完整的菜单如图5-11,8.编写菜单的代码程序设计时，当用户单击一个菜单时，Visual Basic自动打开“代码编辑窗口”，自动生成菜单的Click事件过程，不过这个事件代码是空的。如图5-12所示：,图5-12 编写程序代码,为了实现各个菜单的功能，需要为每一个菜单编写Click事件代码。Visual Basic中，除分隔符以
12、外的所有菜单，都能识别Click事件。为菜单事件编写代码与普通控件编写代码的方法完全相同。,例如：“文件“|”退出“菜单的Click事件的代码如下所示，Private Sub mnuexit_Click()EndEnd Sub特别注意，当用户单击主菜单时，Visual Basic自动地打开其子菜单，没有必要为它编写代码，除非有一些特别地要求，比如在每次显示子菜单时，使得其中的有些菜单无效或不可见。,二.浮动菜单我们使用Windows应用软件时，当单击鼠标右键时，会在鼠标单击处出现一个弹出式菜单，弹出式菜单是独立于菜单栏而显示在窗体上的浮动菜单，经常被用来快速地在屏幕上显示使用频率较高的菜单命令
13、，以加快和方便操作。,1.popupMenu方法Visual Basic 中，显示弹出式菜单使用popupMenu方法。其语法格式如下示：对象.popupMenu 菜单名，flags ,x,y,boldcommand，其意义为： 对象 为一个对象表达式，若省略，则默认为带有焦点的对象。 菜单名 单击右键时要显示的浮动菜单名，指定的菜单至少含有一个选项菜单。flags 通过设置这个参数，来指定弹出式菜单的位置和行为。x,y 这两个参数用来设置显示弹出式菜单的x坐标和y坐标。若省略这两个参数，则使用鼠标的当前坐标。Boldcommand 用黑体显示菜单中的菜单名。,浮动菜单实例将前面创建的“编辑”
14、菜单制作成弹出式菜单，方法为：(1)打开“菜单编辑器”。(2)选中“编辑”菜单。(3)清除“可见”复选框中的“”。如图5-13。(4)单击“确定”按钮，关闭“菜单编辑器”窗口。,图5-13 设计浮动菜单,程序运行时，当单击右键后，显示浮动菜单mnuedit。在编写代码时，需要在窗体的Mouseup或MouseDown事件过程中添加程序代码，来检测单击右键，显示菜单。如下所示：Private Sub Form_MouseUp(Button As Integer, Shift As Integer, X As Single, Y As Single) If Button = 2 Then Popu
15、pMenu mnuedit End IfEnd Sub在MouseUp事件过程中，通过If语句，判断参数Button的值，若为2，则表明按下了鼠标右键，然后调用popupMenu方法，显示“编辑”菜单。如图5-14：,图5-14 运行的浮动菜单,第二节 高级控件组 在Visual Basic 6.0中，用户可以加载和使用Visual Basic 6.0提供的以及第三方开发的许多扩展的高级控件。本节将重点介绍Visual Basic 6.0的高级控件组。 首先介绍添加高级控件的步骤。在Visual Basic 6.0的工具箱中添加高级控件的方法是：建立“标准 EXE”工程后，利用增添“部件”的方
16、法将ADO控件添加到工具箱中，具体操作方法是从如图5-15所示的“工程”子菜单中选择“部件（O）”选项，弹出如图5-16所示的“部件”对话框，在“控件”标签页选中“MicrosoftWindowsCommonControls 6.0”选项，单击“应用”按钮后，高级控件被添加到工具箱中。,图5-15 “工程”子菜单,图5-16 “部件”对话框,下面本章主要介绍各控件的属性以及使用方法。一、进度条控件（ProgressBar）进度条控件（ProgressBar）用来指示事务处理的进程。该控件通过在水平条中显示适当数目的矩形来指示进程的进度。进程完成时，进度栏被填满。进度栏通常用于帮助用户了解等待一项长时间的进程（例如，加载大文件）完成所需的时间。ProgressBar控件的主要属性如表5-2所示。,表5-2 ProgressBar控件的属性,ProgressBar控件的常用事件是Click、MouseDown、MouseMove。例题5-1设计一个电子时钟程序，使用了进度条控件，分别显示小时、分钟和秒的进度。操作步骤如下：1. 首先运行VB，然后新建
