第10讲 用户界面设计

《第10讲 用户界面设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、第10讲用户界面设计10.1界面设计概述10.2菜单设计10.3工具栏设计10.4状态栏设计10.5对话框设计10.6多文档界面设计返回第4章用户界面设计本章目的：通过本章学习了解和掌握有关VB界面的基本设计方法。本章的重点是菜单、工具栏、状态栏、对话框的设计方法。难点是多文档界面的设计。10.1界面设计概述用户界面是应用程序的一个最重要的组成部分。在开发应用程序时，第一步要创建一个美观、易用的界面，它是用户与应用程序进行交互的可视部分。界面设计的一个重要原则就是一致性，包括窗体图标的一致性和色彩搭配的一致性，以及窗体大小的一致性等等。界面设计的另一个重要原则就是简单化。10.2菜单设计

2、菜单分为两种，即下拉式菜单和弹出式菜单。10.2.1菜单的基本结构1.下拉式菜单的结构菜单的基本结构包括：菜单栏、菜单标题、一级菜单、子菜单。在菜单中包含的界面元素有：菜单项、快捷键、赋值访问键、分隔条、子菜单提示符等，如图所示。VisualBasic最多只允许有5层子菜单。10.2.1菜单的基本结构10.2.1菜单的基本结构2.弹出式菜单弹出式菜单是在Windows中常用的浮动式菜单。该类菜单不是固定在窗体的上部，而是使用鼠标右键触发，定位于鼠标所在的位置。弹出式菜单又可称为上下文菜单或快捷菜单。10.2.2创建下拉式菜单菜单编辑器是菜单设计的基本工具，使用“菜单编辑器”可以为应用程序

3、创建自定义菜单并定义其属性。10.2.2创建下拉式菜单1.菜单编辑器的使用10.2.2创建下拉式菜单2.在菜单编辑器中创建菜单的方法下图所示的菜单为例10.2.2创建下拉式菜单10.2.3创建弹出式菜单弹出式菜单是独立于窗体菜单栏而显示于窗体任何位置的浮动菜单。弹出式菜单的显示取决于按下鼠标右键时指针所处的位置。10.2.3创建弹出式菜单将“编辑”菜单下的菜单项作为一个弹出式菜单，运行后用户在窗体上任意位置单击鼠标右键，就会弹出一个弹出式菜单，菜单内容是“编辑”菜单下的菜单项如下图所示。10.2.3创建弹出式菜单要显示弹出式菜单，可使用PopupMenu方法。PopupMenu方法的语法

4、是：[object.]PopupMenumenuname[,flags[,x[,y[,boldcommand]]]]object：窗口名称表达式。Menuname：为所要显示的弹出式菜单名10.2.3创建弹出式菜单Flags：一个数值或常数，按照下列设置中的描述，用以指定弹出式菜单的位置和行为，如下面两个表所示。位置常数值描述VbPopupMenuLeftAlign0缺省。指定的X位置定义了弹出式菜单的左边界VbPopupMenuCenterAlign4弹出式菜单以指定的X位置为中心VbPopupMenuRightAlign8指定的X位置定义了弹出式菜单的右边界10.2.3创建弹出式菜单

5、行为常数值描述VbPopupMenuLeftButton0缺省。仅当使用鼠标左键时，弹出式菜单中的项目才响应鼠标单击VbPopupMenuRightButton2不论使用鼠标左键还是右键，弹出式菜单中的项目都响应鼠标单击10.2.3创建弹出式菜单X，Y：指定显示弹出式菜单的X，Y坐标。如果该参数省略，则使用鼠标的坐标。Boldcommand：指定弹出式菜单中的菜单控件的名字，用以显示其黑体正文标题。如果该参数省略，则弹出式菜单中没有以黑体字出现的控件。要创建一个不显示在菜单栏里的菜单，可在设计时使该菜单项目为不可见（在菜单编辑器中消除“可见”复选框）。10.3工具栏设计在VisualBa

6、sic中，可以用ToolBar控件和ImageList控件创建工具栏。ToolBar控件有一个重要属性就是Button属性，该属性是指向一个或多个Button对象的集合。通过将Button对象添加到Buttons集合中，就可以创建工具栏。用ToolBar控件和ImageList控件创建工具栏的基本步骤：10.3工具栏设计（1）向工具箱中添加ToolBar控件；（2）向窗体上添加ToolBar控件；（3）用ImageList控件保存要使用的图像；（4）将ToolBar控件与ImageList控件相关联；（5）创建工具栏快捷按钮，即Button对象；（6）编写ButtonClick事件过程；

7、10.4状态栏设计状态栏位于窗体的底部，用于显示系统的一些状态。下面以创建显示系统日期和时间的状态栏为例，如下图所示，说明状态栏的创建过程。10.4状态栏设计（1）双击工具箱中的状态栏控件，在窗体中添加状态栏。状态栏控件也是ActiveX控件。（2）用鼠标右键单击工具栏控件，在弹出的菜单中单击”属性”菜单项，出现如下图所示的对话框。10.4状态栏设计10.4状态栏设计（3）单击“窗格”选项卡，“属性页”窗口如下图所示。10.4状态栏