《Visual Basic程序设计教程 教学课件 ppt 作者 郭琳 高世健 第七章 界面设计》由会员分享，可在线阅读，更多相关《Visual Basic程序设计教程 教学课件 ppt 作者 郭琳 高世健 第七章 界面设计（32页珍藏版）》请在金锄头文库上搜索。
1、第七章 界面设计,Visual Basic程序设计教程,对于用户而言，系统好不好用主要取决于界面，因为不管代码多么复杂，或系统功能多么强大，如果界面不美观，或者界面操作繁琐，那么我们设计的程序将无人问津。本章我们来讨论在进行VB程序设计时，主要用到的几种界面设计工具。,2,对话框,主要内容,菜单,工具栏和状态栏,多文档界面设计,3,7.1 对 话 框,对话框是一种特殊的窗体，一般情况下没有“最大化”按钮和“最小化”按钮，只有一个“关闭”按钮。在Visual Basic中，对话框主要分为三类。 （1）系统预测定义的对话框，如InputBox（又称为输入框）和MsgBox（又称消息框）。 （2）用
2、户自定义对话框。 （3）通用对话框。,7.1.1 自定义对话框,我们在设计一个窗体时就是设计一个自定义的对话框，只是对话框的大小一般不能改变，而且没有“最大化”按钮和“最小化”按钮。要达到这两个设计效果，必须把窗体的BorderStyle属性设置为3（Fixed Dialog），并把MaxButton属性和MinButton属性都设置为False，前者是把窗体的边界设置为固定的，即不能随意手动改变边界大小；后者的设置表示窗体没有“最大化”按钮和“最小化”按钮。,7.1.2 通用对话框,应用程序经常需要进行打开、保存、打印等操作，这就需要开发系统提供相应的对话框以方便使用，在Visual Bas
3、ic中，这些对话框称为“公共对话框”，它被设计成一个叫做Common Dialog的控件，这个控件为用户提供一组标准的通用对话框。 点击“工程”菜单中的“部件”命令，打击“部件”对话框，选中“Microsoft Common Dialog Control 6.0”，点击“确定”即可往工具箱中添加此控件,7.1.2 通用对话框,7.1.2 通用对话框,（1）“打开”对话框。 “打开”对话框用于打开指定文件所在的驱动器、文件夹、文件名及扩展名等。在窗体上创建一个“公共对话框”控件后，右键单击该控件，选择“属性”命令，即可弹出“属性页”对话框，该对话框可以对各种通用对话框的属性进行设置,7.1.2
4、通用对话框,Private Sub Command1_Click() CommonDialog1.InitDir = “c:“ CommonDialog1.Filter = “所有文件(*.*)|*.*|Word文档(*.doc)|*.doc|文本文件(*.txt)|*.txt“ CommonDialog1.ShowOpen Text1.Text = CommonDialog1.FileName End Sub,7.1.2 通用对话框,（2）“另存为”对话框 “另存为”对话框用于指定文件所要保存的驱动器、文件夹、文件名、扩展名等信息。它的使用步骤和“打开”对话框一样，只需在最后使用“公共对话框
5、”控件的ShowSave方法即可，在此不再赘述。 （3）“颜色”对话框 “颜色”对话框用于在调色盘中选择颜色，或者创建自定义颜色，如图7-7所示。当用户选中某一颜色后，系统把该颜色的值赋值给Color属性。 （4）“字体”对话框。 “字体”对话框用于设置并返回字体的样式、大小、效果等,注意：使用字体对话框之前必须先设置Flags属性，否则将会提示不存在字体的错误。Flags属性有以下取值： 1 或 cdlCFScreenFonts（屏幕字体）； 2 或 cdlCFPrinterFonts（打印机字体）； 3 或 cdlCFBoth（=1+2，两种字体都有）。 例7-2设置文本框text1的字体
6、格式，字体设为“华文行楷”，字形为“常规”，大小为“小一”,7.2 菜单,在Windows环境下，几乎所有应用软件的操作都可以通过菜单来实现。菜单在应用程序中占据了十分重要的地位。在实际应用中，菜单可以分为两类：下拉式菜单和弹出式菜单，下拉式菜单一般通过点击菜单标题的方式打开，而弹出式菜单通过鼠标右键的方式打开。,7.2.1 下拉式菜单,下拉式菜单通过菜单编辑器进行编写。,7.2.1 下拉式菜单,说明： （1）内缩符号由4个点组成，它表示菜单所在的层次。若一个菜单名前有4个点，则表示该菜单是第二级菜单，有8个点表示第三级菜单，以此类推。VB规定菜单系统最多可达6级，一般情况下不超过3级。 （2
7、）标题栏内输入“-”，则产生一个分隔符。但分隔符只能作为第二级菜单，不能设计为顶级菜单，即符号“-”前要有4个点。 （3）除了分隔符外，其他菜单都可以响应Click事件。 （4）在输入标题时，若在字母前输入“&”，则运行时在字母处加一个下划线。,例7-2设计简易的文件菜单。,7.2.2 弹出式菜单,弹出式菜单是一种独立于菜单栏而显示在窗体上的浮动菜单，即它不需要在窗口顶部下拉打开，而是通过单击鼠标右键在窗体的位置打开，因而使用更加灵活。 建立弹出式菜单首先需要在菜单编辑器中建立菜单，其方法与建立下拉式菜单相似，只是在可见属性中必须设置为False。然后在窗体的MouseDown事件或Mouse
8、Up事件中调用PopupMenu方法。PopupMenu方法的格式为： 对象PopupMenu 菜单名,flags,x,y,BoldCommand,7.2.2 弹出式菜单,说明： （1）对象是指当前对象，若是当前窗体则可以省略； （2）菜单名是菜单编辑器中建立的菜单名称（至少有一个子菜单项）； （3）flags参数是一个数值或符号常量，用来指定弹出式菜单的位置及行为，其值一部分用于指定菜单位置，另一部分用于定义菜单的特殊行为，如表7-4和表7-5所示。,7.2.2 弹出式菜单,（4）x和y分别表示弹出式菜单显示位置的横坐标和纵坐标，若省略，则在光标的当前位置显示； （5）BoldCommand
9、参数指定以粗字体出现的菜单项，只能有一个菜单项被加粗。 （6）通常把PopupMenu方法放在窗体或控件的MouseDown事件中，该事件响应所有的鼠标单击事件，这个事件可以用Button变量来操作。对于鼠标而言，左键的Button值是1，右键的Button值是2。因此下面的语句可以通过单击鼠标右键来弹出菜单 If Button = 2 Then PopupMenu 菜单名,7.2.2 弹出式菜单,例7-3设置一个文本框，在文本框内右键单击时出现“剪切”、“复制”和“粘贴”命令。如图7-16所示，右键时出现“剪切”命令和“复制”命令，“粘贴”命令不可用；当剪切或复制完成时，“粘贴”命令恢复可用
10、，如图7-17所示。,7.3 工具栏和状态栏,工具栏提供了应用程序中常用命令的快捷操作方式，它一般位于菜单栏的下面。 创建一个工具栏的步骤如下。 （1）将ToolBar控件与ImageList控件添加到工具箱。工具栏控件和图像列表控件一般情况下不出现在工具箱中，用户需要手动将它们添加至工具箱。执行“工程”菜单的“部件”命令，在“部件”对话框中选择“Microsoft Windows Common Controls”选项，单击确定即可，如图7-19所示。这样在工具箱中添加了很多控件，其中就有工具箱控件和图像列表控件。 （2）将工具栏控件和图像列表控件添加至窗体。效果如图7-20所示，因为图像列表
11、控件在运行时不显示出来，所以该控件可以拖放在窗体的任何位置。,7.3 工具栏和状态栏,（3）为图像列表控件添加图片。图像列表控件不能单独，它只是一个图像的容器，专门存储其他控件需要显示的图像。要使工具栏能够显示常用命令的图像，必须先把这些图像添加至图像列表控件，然后将工具栏控件与图像列表控件相关联。 单击右键点击图像列表控件的“属性”命令，在弹出的“属性页”对话框中选择“图像”选项卡，再点击“插入图片”按钮选择需要的图片即可把图片添加进来。添加图片后，系统会自动为每张图片分配一个索引号，在工具栏控件与图像列表控件相关联时，调用该图片的索引号即可显示该图片，如图7-21所示。,7.3 工具栏和状
12、态栏,（4）使工具栏控件与图像列表控件相关联。工具栏控件创建完毕后，它显示在窗体的上方。单击右键工具栏控件选择“属性”命令，弹出“属性页”对话框如图7-22所示。在“通用”选项卡的“图像列表”下拉列表中选择ImageList1，即可使工具栏控件与图像列表控件相关联。“通用”选项卡的其他选项可以默认不填，或者根据用户的需要自行更改，在此不再赘述。,7.3 工具栏和状态栏,（5）为工具栏添加按钮。单击“属性页”对话框的“按钮”选项卡，如图7-23所示。单击“插入按钮”命令后，系统为工具栏新建一个按钮，并且索引值自动加1。在“工具提示文本”中添加提示文本，该文本是在运行时当鼠标移至该按钮上方时显示的
13、文本。在图像框中填上图像相应的索引值就可以为该按钮添加图像。图7-24和图7-25显示的分别是设计状态时的工具栏和运行状态时的工具栏。,7.3 工具栏和状态栏,（6）编写按钮的程序代码。在运行状态时，用户单击工具栏的按钮时，都会触发工具栏的ButtonClick事件，因此必须为工具栏的ButtonClick事件添加代码，并在代码中判断用户单击了哪一个按钮，并根据不同的按钮来做出不同的响应操作。,Private Sub Toolbar1_ButtonClick(ByVal Button As MSComctlLib.Button) Select Case Button.Key Case “New
14、“ Text1.Visible = True Case “Open“ CommonDialog1.ShowOpen Case “Save“ CommonDialog1.ShowSave End Select End Sub,7.3.2 状态栏,状态栏一般位于应用程序的最底部，用于显示系统的各种状态信息，如日期、时间和光标位置等。 创建一个状态栏的步骤如下。 （1）把StatusBar控件添加至工具箱中，添加方法与添加工具栏方法一致。 （2）在工具箱中双击StatusBar控件便可以在窗体中创建一个状态栏。 （3）右键单击状态栏控件的“属性”命令，在弹出的“属性页”对话框中选择“窗格”选项卡，如
15、图7-26所示。在“窗格”选项卡就可以插入窗格。在此选项卡中，“文本”、“工具提示文本”、“关键字”等属性的用法与工具栏的相同属性的用法一致，还可以通过“浏览”按钮为窗格添加图片。窗格的“样式”属性是一个非常重要的属性，它决定了状态栏的窗格显示什么内容，此属性的取值范围及其含义如表7-6所示。,7.3.2 状态栏,窗格样式属性的取值范围及其含义,7.3.2 状态栏,（4）为状态栏添加代码。本例为状态栏添加第三个窗格，“样式”属性设置为“0-sbrText”，在窗体运行时，第三个窗格则根据需要不同的文本。如在窗体中添加一个Label控件，当鼠标移动Label控件时第三个窗格显示“This is
16、a Label”，当鼠标移到Label外窗体的任何位置时，第三个窗格显示“Form”，代码如下： Private Sub Form_MouseMove(Button As Integer, Shift As Integer, X As Single, Y As Single) StatusBar1.Panels(3).Text = “Form“ End Sub Private Sub Label1_MouseMove(Button As Integer, Shift As Integer, X As Single, Y As Single) StatusBar1.Panels(3).Text = “This is a Label“ End Sub,7.4 多文档界面设计,Windows应用程序的用户界面主要分为单文档界面（Single Document Interface，SDI）和多文档界面（Multiple Document Interface，MDI）。单文档界面是指应用程序的各个窗体是相互独立的，打开一个新的文档时，必须先关闭已经打开的文档，比
