第10章 应用程序界面设计.docx

《第10章 应用程序界面设计.docx》由会员分享，可在线阅读，更多相关《第10章 应用程序界面设计.docx（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第10章 应用程序界面设计 第10章应用程序界面设计 一、授课内容 授课科目：计算机基础（VB） 授课内容：第10章数据的输入输出 授课类型：讲授 授课时间：？学时 主讲教师：朱泽民 二、教学目的要求 知识目标： 1掌握Visual Basic菜单编辑器的使用； 2掌握下拉式和弹出式菜单的设计方法； 3熟练掌握通用对话框控件的常用属性、事件和方法； 4. 掌握多窗体程序设计的一般步骤和方法。 能力目标： 培养学生“提出问题、分析问题、解决问题”科学的思维方法。 情感目标： 通过创设情景，激发学生应用VB编写程序的学习兴趣，培养学生独立思考、勇于探究的学习精神；鼓励学生编写程序来解决实际生活中的

2、问题。 三、教材分析 述：用户界面是一个应用程序最重要的部分。在windows环境下操作一个软件，最直观方便的莫过于窗体、对话框、菜单、工具栏等。 教学重点：本章重点介绍菜单、对话框等界面设计的相关内容。 教学难点：通用对话框的设置与使用。 四、教学方法 问题教学法、讲授法、类比法、讨论法等。 五、教学过程 （一）导入新课 对用户而言，界面就是应用程序，无论花多少时间和精力来编制和优化代码，应用程序的可用性仍然依赖于界面。 （二）讲授新课 10.1 菜单 菜单提供了一种人机对话的方式，方便用户选择应用系统的各种功 能。 有关菜单的术语。 （1）菜单栏、（2）菜单标题、（3）菜单项、 （4）子菜

3、单、（5）分隔线、（6）复选菜单、 菜单按使用形式有下拉式和弹出式两种。 10.1.1用菜单编辑器建立菜单 菜单编辑器是Visual Basic提供的用于设计菜单的工具。可以使用如下几种方法打开菜单编辑器： （1）执行“工具”菜单中的“菜单编辑器”命令。 （2）使用快捷键Ctrl+E。 （3）单击工具栏中的“菜单编辑器”按钮。 （4）用鼠标右键单击窗体，打开快捷菜单，然后单击“菜单编辑器”命令。 菜单项属性区 菜单项显示区 菜单项编辑区 设计一个应用程序，通过菜单修改窗体的背景颜色。 （P213） 分析：本例要通过菜单修改窗体的颜色，则需要添加一个菜单，并且要为相应的菜单项编写事件过程。在菜单

4、编辑器里添加一个主菜单和两个菜单项，通过单击菜单项来实现改变窗体的背景颜色。 10.1.2 运行时创建和修改菜单 部分应用程序运行过程中需要动态地增减菜单项，即要生成动态菜单。动态菜单是对常规菜单的一种扩展，菜单项不再是固定不变的，它可根据用户的操作内容动态地添加与之有关的菜单项或删除与之无关的菜单项。例如：在许多软件的File菜单中可以自动地添加并改变菜单项，用以保存最近几次调用过的文件名。使用菜单控件数组可以达到这一目的。 10.1.3 弹出式菜单的建立 Visual Basic提供了PopMenu方法来显示弹出式菜单。格式如下：对象.PopupMenu ,flags ,X ,Y ,Bol

5、dCommand PopupMenu方法参数表 参数Flags参数值说明 要激活的弹出式菜单的名称 X,Y整型数据指定弹出式菜单被激活时显示在屏幕上的位置坐标，缺省时，显示位置指定在当前鼠标光标位置 vbPopupMenuLeftAlign X值定义为弹出式菜单左边界位置 Flags vbPopupMenuCenterAlign X值定义为弹出式菜单的中 心位置vbPopupMenuRightAlign X值定义为弹出式菜单的右 边界位置vbPopupMenuLeftButton 能用鼠标左键单击选择弹 出式菜单的菜单命令vbPopupMenuRightButton 能用鼠标右键单击选择弹 出

6、式菜单的菜单命令 编写一个应用程序，通过弹出式菜单实现字体的变化。（P216） 10.2对话框 Visual Basic中对话框分为3类：预定义对话框、自定义对话框和通用对话框。 预定义对话框是系统提供的，Visual Basic提供的预定义对话框有两种：输入和输出对话框，分别使用InputBox和MsgBox函数调用。（第三章内容） 自定义对话框是用户根据自己的需要自行设计的。 通用对话框（CommonDialog）是一种可以添加到应用程序中的特殊控件。 10.2.1通用对话框 Visual Basic的通用对话框CommonDialog控件提供了一组基于Windows的标准对话框界面。使用

7、通用对话框控件，可以显示文件打开、另存为、颜色、字体、打印和帮助六种对话框。使用前，必须先 把“通用对话框”控件添加到工具箱中，具体步骤如下： （1）选择“工程”菜单中的“部件”命令，打开“部件”对话框； （2）在控件选项卡中选中“Microsoft Common Dialog Controls 6.0”； （3）选择“确定”按钮，即可把通用对话框控件添加到工具箱中。 在使用通用对话框控件时，可以直接在设计阶段将其添加到窗体 中。可以放置在窗体的任何位置，程序运行时，控件被隐藏。若要显示通用对话框，可以对它的Action属性赋予相应的值；也可以使用Show方法来打开对应对话框。 Action属

8、性Show方法说明 1ShowOpen显示文件打开对话框 2ShowSave显示另存为对话框 3ShowColor显示颜色对话框 4ShowFont显示字体对话框 5ShowPrinter显示打印机对话框 6ShowHelp显示帮助对话框 除了Action属性外，通用对话框主要的共同属性还有： 属性说明 CancelError 通用对话框内有一个“取消”按钮，用于向应用程序警告用户想取消当前操作。当CancelError属性值为True时，若用户单击“取消”按钮，通用对话框自动将错误对象Err.Number设置为 32755（cdlCancel）以便供程序判断。若CancelError属性设置

9、为False，则单击“取消”按钮时不产生错误信息 DialogTitle 用户自行设计对话框标题栏上显示的内容 Flags Flags属性可修改每个具体对话框的默认操作 对CommonDialog控件属性的设置有三种方法： （1）代码窗口中设置（2）属性窗口中设置（3）属性页中设置。属性页中设置方法是：在属性窗口中单击“自定义”，或者选中CommonDialog控件图标单击右键，选择属性项，弹出“属性页” 对话框。 下面详细讨论使用CommonDialog控件显示每一种类型的对话框。1文件“打开”对话框 说明文件“打开”对话框的相关属性：FileName、FileTitle、Filter、Fi

10、lterIndex、InitDir。 编写一个应用程序，用于打开一个文本文件进行编辑。（P219） 分析：打开文本文件要用到通用对话框的“打开”对话框，将对话框的Action属性设为1或调用ShowOpen方法即可。 2“另存为”对话框 “另存为”对话框所涉及的属性基本上和“打开”对话框一样，只是还有一个 DefaultExt属性，用于表示存储文件的默认扩展名。 编写一个应用程序，将文本框中的内容保存到一个文本文件。（P221） 3“颜色”对话框 颜色对话框的一个重要的属性：Color。它用来返回或设置用户指定颜色的值。 编写一个应用程序，设置文本框的背景颜色。（课本P222）4“字体”对话框

11、 在使用字体对话框设置字体之前，必须先设置Flags属性值。该属性通知CommonDialog控件是否显示屏幕字体、打印机字体或两者皆有之。如果没有设置Flags属性值而直接使用CommonDialog控件，Visual Basic将显示如图所示的错误提示。 通用对话框用于字体操作时涉及到的重要属性有： （1）Flags属性 （2）Font 属性集 （3）Color属性 编写一个应用程序，通过“字体”对话框设置文本框的字体。要求程序运行后，选择字体为楷体、二号、有下划线，效果如图10-17所示。（课本P224） 5“打印”对话框 10.2.2 自定义对话框 自定义对话框就是用户自己设计的一个窗

12、口，窗口中放置了一些用于交互信息的控件。 对话框不同于普通窗口，没有最大化、最小化按钮，不能改变大小，所以根据对话框的特性，需要在设计自定义对话框窗体时对窗体做出如下所示的一些属性设置。 要显示和使用自定义对话框，需要调用对话框的Show方法。根据Show方法参数的不同，自定义对话框可以分为模式对话框和无模式对话框。 （1）将自定义对话框窗体作为模式对话框显示。此时，在退出对话框之前，只能对该对话框进行操作。 格式：.Show vbModal （2）将自定义对话框窗体作为无模式对话框显示。此时除可操作对话框外，可以在不退出对话框的同时转移焦点去操作程序的其他部分。 格式：.Show 10.3多

13、重窗体程序 10.3.1 多重窗体的设计 多重窗体是指一个应用程序中有多个并列的普通窗体，每个窗体可以有自己的界面和程序代码，完成不同的功能，可以利用多重窗体来设计功能更加强大，结构更复杂的应用程序。 编写一个拥有三个窗体的多重窗体程序，要求第一个窗体作为启动窗体，在第二个窗体上画直线，在第三个窗体上画圆。（P230）10.3.2 Sub Main过程 启动过程（Sub Main）：一个较复杂的应用程序通常有多个窗体或多个工程，在显示窗体之前一般要进行一些初始化操作，需要在启动程序时执行一个特定的过程。一个工程可以含有多个标准模块，但Sub Main过程只能有一个。一个程序中如果设计了Sub

14、Main过程，则它必须被优先执行。 Sub Main过程必须建立在标准模块中，在标准模块代码窗口中输入“Sub Main” ，再回车即可建立了Sub Main过程框架。例如，在一个应用程序中有一个标准模块和三个窗体。在标准模块中创建一个Sub Main过程如下： Sub Main（） 初始化程序 Form3.Show End Sub 此时程序运行Sub Main过程，先执行初始化程序处理，再完成显示Form3窗体功能。 10.3.3 闲置循环与DoEvents 语句 10.4 多文档界面设计 10.4.1 多文档界面概述 用户界面样式主要有单文档界面和多文档界面两种。多文档界面（Multipl

15、e Document Interface）是由一个父窗口及多个子窗口组成的，Visual Basic 6.0就是一个多文档界面的例子，用户在一个工程中可以打开多个窗体界面进行编辑。 1多文档界面的形式 在多文档界面中，有且只有一个主文档窗体（MDI主窗体），它的窗体区域不能放置除菜单类组件以外的任何控件，但可以拥有多个子窗体（MDI子窗体），MDI主窗体是子窗口的容器；MDI子窗体不能独立存在，只能在MDI主窗体的窗体区域内活动。 一般来说，在程序运行过程中，MDI窗体有如下特性： （1）所有子窗体均显示在MDI窗体的工作区中。 （2）最小化子窗体时，它的图标将限制于MDI窗体上而不是在任务栏

16、中。 （3）最大化子窗体时，它的标题与MDI窗体的标题一起显示在MDI 窗体的标题栏上。 （4）MDI窗体和子窗体都可以有各自的菜单，当子窗体加载时覆盖MDI窗体的菜单。 2与MDI有关的属性、事件和方法 （1）属性（MDIChild、WindowState） （2）方法 Arrange方法：该方法用来以不同的方式排列MDI中的窗体或图标。 格式：.Arrange Dim语句：用该语句可以增加MDI子窗体。 格式：Dim 对象变量名 As New 对象类型 事件：QueryUnload 10.4.2建立多文档应用程序 建立一个MDI应用程序的一般步骤： 1创建MDI窗体 2创建子窗体 3建立M

17、DI窗体的控制区 4编写程序代码 10.5 工具栏和状态栏设计 工具栏和状态栏都属于高级控件，在使用前必须将这些控件添加到工具箱中。添加方法为打开“部件”对话框，选择“Microsoft Windows Common Control 6.0”即可。 10.5.1 工具栏设计 制作工具栏有两种方法：第一种方法是手工制作；另一种方法是通过组合使用ToolBar和ImageList控件，使工具栏制作与菜单制作一样简单易学。使用ToolBar和ImageList控件制作工具栏的步骤如下：（1）在ImageList控件中添加所需要的图像。 （2）在ToolBar控件中创建Button对象。 （3）在Bu

18、ttonClick事件中用Select Case语句对各按钮编程。 样式（Style）：Style属性决定按钮的样式，共6种。 值常数按钮说明 0tbrDefault普通按钮按下按钮后恢复原态，如“新 建”按钮 1tbrCheck开关按钮按下后保持按下状态，如“倾 斜”等按钮 2tbrButtonGroup编组按钮一组按钮同时只能一个有效， 如“左对齐”等 3tbrSeparator分隔按钮对不同的选项按钮组进行分组 4tbrPlaceholder占位按钮作为占位符使用，以便安放其他 控件 5tbrDropdown菜单按钮具有下拉式菜单，如word中字体 大小 3编写ButtonClick事件

19、代码 工具栏控件的常用事件有ButtonClick事件和Change事件。当用户单击按钮时，将激发ButtonClick事件。实际上，工具栏上的按钮是控件数 组，此时可以用按钮的Index属性或Key属性标识被单击的按钮。 （1）用索引Index确定按钮 部分程序段为： Private Sub Toolbar1_ButtonClick(Byval Button As ComctLib.Button) Select Case Button.Index Case 1 FileNewProc Case 2 FileOpenProc . End Select End Sub （2）用关键字Key确定按

20、钮 Private Sub Toolbar1_ButtonClick(ByVal Button As MSCcomctLib.Button) Select Case Button.Key Case TNew FileNewProc TNew ,TOpen 假设为按钮的关键字 Case TOpen FileOpenProc . End Select End Sub 10.5.2 状态栏设计 状态栏通常位于窗口的底部，形式上是一个长方条，主要用于显示应用程序的各种状态信息和对用户进行提示，如：系统日期、软件版本等。在Visual Basic中，用StatusBar控件建立状态栏，StatusBar

21、控件也属于ActiveX控件。 设计状态栏时，在窗体上添加StatusBar控件，在属性窗口单击“自定义”右边的“”或用鼠标右键单击控件，然后选择“属性”来显示“属性页”对话框。选择属性页对话框上的“通用”选项卡，其中包括Style（样式），MousePointer（鼠标指针），SimpleText（简单文本），OLEDropMode（OLE 放置方式），Enabled（有效）和ShowTips（显示提示）属性。 在运行时，可以通过Text，Picture和Width等属性动态地改变窗格对象。 （1）索引（Index）（2）“插入窗格”（3）文本（Text）（4）图片（Picture） （5）

22、工具提示文本（ToolTipText）（6）关键字（Key）（7）对 齐（Alignment）（8）样式（Style）（9）窗格对象的最小宽度、实际宽度和自动调整大小（10）斜面 状态栏控件的事件包括PanelClick事件和PanelDblClick事件等。如果需要获得相应状态栏的单击事件，可以在PanelClick事件过程中使用Select Case语句。该事件包含的参数能够指出发生单击的窗格对象。相应的代码可如下： Private Sub StatusBar1_PanelClick（ByVal Panel As MSComctlLib.Panel） Select Case Panel.Index Case 1 相应处理程序段1 Case 2 相应处理程序段2 Case Else 处理其他情况 End Select End Sub 程序运行时，可以通过程序重新设置某些窗格的属性值，这样可以随时显示当前系统的工作状态。其中一些状态系统已具备，可直接使用（如插入改写状态），不需要编程实现；对于系统没有提供的状态，则需要编写代码来实现。 （三）课时小结 本节课主要讲了菜单的设计及通用对话框的设计与使用方法。简单的介绍了工具栏和状态栏的设计。 （四）布置作业 1课外作业 （1）课后选择题与填空题； （2）综合题第1小题。