Visual-basic教程ppt课件.ppt

第七章 用户界面的设计 第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计本章内容7.1 通用对话框通用对话框7.2 菜单设计菜单设计7.3 多重窗体多重窗体7.4 VB的工程结构的工程结构7.5 多文档界面（多文档界面（MDI）7.6 工具栏设计工具栏设计第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计通用对话框（CommonDialog）作用：用于实现打开文件、保存文件以及对字体、字号和颜色进行设置等操作。添加到工具箱中的方法：(1)选择菜单“工程/部件”命令，打开“部件”对话框;(2)在对话框中选择“控件”选项卡，在控件列表框中选“Microsoft Common Dialog Controls 6.0”;(3)单击“确定”按钮。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计通用对话框的Action属性Action属性值含 义对 应 方 法1显示“打开”对话框ShowOpen2显示“另存为”对话框ShowSave3显示“颜色”对话框ShowColor4显示“字体”对话框ShowFont5显示“打印机”对话框ShowPrinter6显示“帮助”对话框ShowHelp第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计打开对话框FilterFileNameInitDirFilterIndex第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-1 7-1 设计一个简单的应用程序，用于打开各种设计一个简单的应用程序，用于打开各种类型的图形文件。类型的图形文件。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例7-1代码第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计“打开”对话框的主要属性 属性名说 明DialogTitle对话框的标题FileName显示文件名(包含路径)FileTitle显示文件名(不包含路径)Filter确定文件列表框中所显示文件的类型DefaultExt确定所存文件的默认扩展名（一般用于“另存为”对话框中）FilterIndex在文件列表框中所选文件类型的序号InitDir初始目录MaxFileSize被打开文件的最大长度第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计DialogTiltleFileName InitDirFilterFilterIndexDefaultExt“打开”文件对话框属性页Filter的格式:文件说明文件说明|文件类型文件类型 例如：Word(*.DOC)|*.DOC|Text(*.TXT)|*.txt|All Files|*.*第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计“另存为”对话框 “另存为”对话框的相关属性基本上与“打开”对话框的属性及含义相同，仅DefaultExt属性是该对话框所特有的，它表示所存文件的默认扩展名。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-2 7-2 设计一个应用程序，可以保存文本框中所编设计一个应用程序，可以保存文本框中所编辑的文字。缺省扩展名时，可将所编辑的文字保存辑的文字。缺省扩展名时，可将所编辑的文字保存为扩展名为为扩展名为.dat.dat的数据文件。的数据文件。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例7-2代码第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计“颜色”对话框 当通用对话框的Action属性值被设置为3或调用了ShowColor方法时，便会立即弹出“颜色”对话框 第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-3 7-3 设计一个应用程序，通过命令按钮可以改变设计一个应用程序，通过命令按钮可以改变标签的背景颜色。标签的背景颜色。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计“字体”对话框 通用对话框的Flags属性被设置为3，接着Action属性值被设置为4或调用了ShowFont方法后，便会立即弹出“字体”对话框。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计说 明属性名属性名属性属性值值说说明明FlagsFlags1 1显显示屏幕字体示屏幕字体2 2显显示打印机字体示打印机字体3 3显显示打印机字体和屏幕字体示打印机字体和屏幕字体256256显显示示删删除除线线和下划和下划线检查线检查框以框以及及颜颜色色组组合框合框(1)Flags属性必须在激活字体对话框之前进行设置。(2)Flags属性必须取1、2或3之一，或者取1、2或3与256之和。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-4 7-4 设计一个应用程序，通过命令按钮可以改变设计一个应用程序，通过命令按钮可以改变标签的字体。标签的字体。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计“打印”对话框 当通用对话框的Action属性值被设置为5或调用了ShowPrinter方法时，便会立即弹出“打印”对话框 第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-5 7-5 设计一个应用程序，通过命令按钮可以打印设计一个应用程序，通过命令按钮可以打印文本框中的内容。文本框中的内容。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计菜单设计下拉式菜单系统的组成结构：主菜单名快捷键热键下级子菜单标记主菜单条分隔线菜单项子菜单名第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计菜单编辑器 属性设置区 菜单编辑区 菜单列表区 第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计菜单项的属性 属性标题属性标题属性名属性名说说 明明标题标题Caption在菜单项上所显示的字符串，减号显示分隔条在菜单项上所显示的字符串，减号显示分隔条名称名称Name用来编写菜单控件的事件代码，相当于其他控用来编写菜单控件的事件代码，相当于其他控件的（名称）。件的（名称）。索引索引Index创建菜单数组时，相当于数组的下标。创建菜单数组时，相当于数组的下标。快捷键快捷键Shortcut设置菜单项的快捷键设置菜单项的快捷键复选复选Checked为为True（选中）时，菜单项前出现一个（选中）时，菜单项前出现一个“”。有效有效Enabled为为False（未选中）时，菜单项为灰色，表示该（未选中）时，菜单项为灰色，表示该菜单项不可用。菜单项不可用。可见可见Visible为为False（未选中）时，对应的菜单项不可见。（未选中）时，对应的菜单项不可见。显示窗口显示窗口列表列表WindowList该属性为该属性为True（选中）时，将显示当前打开的（选中）时，将显示当前打开的一系列子窗口的标题。一系列子窗口的标题。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-6 7-6 设计下拉式菜单，其功能可以改变文本框中设计下拉式菜单，其功能可以改变文本框中的文字的字体、字形和大小。的文字的字体、字形和大小。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计菜单控件数组 控件数组是指多个菜单项，共用同一个名称，用索引号标识每个菜单项，执行同一个Click事件过程。系统将根据不同的索引（Index）参数来区分被单击的菜单项，从而完成相应的功能操作。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-7 7-7 利用菜单控件数组改编例利用菜单控件数组改编例7-67-6，去掉，去掉“字形字形”子菜单标题，在子菜单标题，在“粗体粗体”和和“斜体斜体”菜单项旁边菜单项旁边加加“”标记，以表示是否对文字进行粗体或斜体标记，以表示是否对文字进行粗体或斜体的设置。的设置。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计弹出式菜单 语法格式为：对象名对象名.PopupMenu,flags,X,Y其中:对象名对象名：指出在哪一个对象上打开弹出式菜单菜单名菜单名：是指在“菜单编辑器”中为该菜单标题所设置的名称（Name）属性值。x,y：是菜单弹出的坐标，默认为鼠标坐标。Flags：定义弹出式菜单的位置及行为。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-8 7-8 在例在例7-77-7的基础上添加一个弹出式菜单，用的基础上添加一个弹出式菜单，用于改变文本中文字的颜色。于改变文本中文字的颜色。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计多重窗体 多重窗体是指在一个工程中有多个普通窗体，而每个窗体都拥有自己的用户界面和事件代码，通过工程管理形成一个复杂的、功能强大的应用程序。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-9 7-9 建立一个简单的时间和日期查询系统。建立一个简单的时间和日期查询系统。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计多重窗体的添加 工程/添加窗体添加“现存”窗体时要注意：(1)添加的窗体实际是将其他工程中已有的窗体加入，多个工程共享窗体。(2)防止多个窗体的Name相同而不能添加。(3)通过“另存为”命令以不同的窗体文件名保存，断开共享。新建 现存第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计多重窗体操作的语句和方法(1)Load语句 格式：Load 窗体名称窗体名称 功能：将一个窗体装入内存。说明：此时仅能引用窗体中的控件及各种属性，但运行时窗体并不显示到屏幕上。(2)UnLoad语句 格式：UnLoad 窗体名称窗体名称 功能：清除内存中的窗体。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计(3)Show方法 格式：窗体名称.Show模式 功能：将一个窗体装入内存，并在屏幕上显示。说明：若省略窗体名称，则显示当前窗体。模式的值为1时，窗体为“模式型”，即在程序运行时用户只有关闭该窗体之后才能对其他窗体进行操作。模式的值为0时，窗体为“非模式型”，即可以同时打开几个窗体进行操作。Show方法兼有Load方法的功能。(4)Hide方法 格式：窗体名称.Hide 功能：隐藏指定的窗体，但仍保存在内存中。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计设置启动窗体 的方法(1)选择菜单“工程/工程属性”项，打开“工程属性”对话框(2)选取“通用”选项卡，在“启动对象”下拉列表中，指定作为第一个出现的窗体名(3)单击“确定”按钮第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计多重窗体间的数据存取 格式：窗体名窗体名.控件名控件名.属性属性保存文件保存文件 (1)(1)选择选择选择选择“文件文件文件文件/保存工程保存工程保存工程保存工程”,打开打开打开打开“文件另存为文件另存为文件另存为文件另存为”对话对话对话对话框框框框 ;(2)(2)在在在在“保存在保存在保存在保存在”下拉列表中，选准备放置文件的文件下拉列表中，选准备放置文件的文件下拉列表中，选准备放置文件的文件下拉列表中，选准备放置文件的文件夹夹夹夹;(3)(3)根据提示，依次为每个文件（工程文件根据提示，依次为每个文件（工程文件根据提示，依次为每个文件（工程文件根据提示，依次为每个文件（工程文件.vbp.vbp、多个、多个、多个、多个 窗体文件窗体文件窗体文件窗体文件.frm.frm及标准模块文件及标准模块文件及标准模块文件及标准模块文件.bas.bas等）命名、保存。等）命名、保存。等）命名、保存。等）命名、保存。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计VB的工程结构 模块指程序单位,在VB的应用程序中有三种模块：标准模块窗体模块类模块 第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计窗体模块 1.通用声明 用来存放窗体的变量和常量的声明以及一些函数的声明。用来存放窗体的变量和常量的声明以及一些函数的声明。其作用域为整个窗体。其作用域为整个窗体。2.事件过程 为各个对象所编写的各种事件代码，各个事件过程编写为各个对象所编写的各种事件代码，各个事件过程编写的顺序不受限制。即可以在工程运行时由用户的各种操作的顺序不受限制。即可以在工程运行时由用户的各种操作来驱动，也可以被其他的事件过程或通用过程所调用。来驱动，也可以被其他的事件过程或通用过程所调用。3.通用过程 通用过程就是我们在第六章所介绍的用户自定义的子程通用过程就是我们在第六章所介绍的用户自定义的子程序和函数。序和函数。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计标准模块 标准模块是独立于窗体的程序单位，其扩展名为.bas。1.全局变量声明 使用使用PublicPublic关键词对变量和常量进行声明，其作用域关键词对变量和常量进行声明，其作用域为整个工程。为整个工程。2.模块层声明 用用DimDim关键词声明的变量和常量，其有效范围仅限于本关键词声明的变量和常量，其有效范围仅限于本模块内。模块内。3.通用过程 用户自定义的子程序和函数。一般用用户自定义的子程序和函数。一般用PublicPublic关键词声关键词声明的通用过程放在标准模块中。明的通用过程放在标准模块中。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计Sub Main过程 Sub Main是在标准模块中建立的一个特殊的通用过程，主要用于控制多窗体应用程序的启动，并且可以进行一些初始化工作。作为启动过程的设置：(1)选择“工程/工程属性”，打开“工程属性”对话框(2)选取“通用”选项卡，在“启动对象”下拉列表中,选取Sub Main。(3)单击“确定”按钮。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-10 7-10 用例用例7-17-1、例、例7-27-2、例、例7-37-3、例、例7-47-4四个案例的四个案例的窗体文件，形成一个新的工程。窗体文件，形成一个新的工程。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计多文档界面（MDI）MDI窗体的特性：(1)所有子窗体均显示在MDI窗体之内，子窗体可移动、改变大小，但不能超越MDI窗体的边界。(2)当一个子窗体被最小化时，它的最小化图标放置在MDI窗体内，而不是Windows的任务栏中。(3)当子窗体最大化时，子窗体的标题与MDI窗体的标题将组合在一起。(4)在执行阶段，活动子窗体的菜单显示在MDI窗体的菜单栏中，替代MDI窗体的菜单。(5)在MDI子窗体上必须有存放文档的控件，如Text第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计 MDI窗体的创建 步骤如下：1)创建MDI窗体：执行“工程/添加MDI窗体”命令，为该工程创建一个MDI窗体。再选取“工程/属性”项，设定MDI窗体为启动对象。2)创建第一个子窗体：设置Form1窗体的MDIChild属性为True，即可将普通窗体Form1变为MDI窗体的子窗体。3)创建多个子窗体：通过Dim语句为工程添加MDI子窗体，接着再通过Load命令装载该子窗体。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计Dim语句的调用格式为：Dim新对象名新对象名As New对象名对象名说明：说明：对象名对象名为为已存在的已存在的MDIMDI子窗体名。子窗体名。新对象名新对象名创建一个完全创建一个完全和和对象名对象名一样的新的一样的新的MDIMDI子窗体。子窗体。用用NewNew关键字关键字创建新对象。创建新对象。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-11 7-11 用多文档界面建立一个简易文本编辑器。要求：用多文档界面建立一个简易文本编辑器。要求：(1)(1)用用“新建新建”菜单项可任意增加若干个子窗口，并在子窗菜单项可任意增加若干个子窗口，并在子窗口的标题栏中显示窗口号；口的标题栏中显示窗口号；(2)(2)用用“打开打开”菜单项可新增一个新的子窗口，并在子窗口菜单项可新增一个新的子窗口，并在子窗口中打开一个文本文档；中打开一个文本文档；(3)(3)用用“保存保存”菜单项可将当前活动子窗口中的文本内容，菜单项可将当前活动子窗口中的文本内容，存入磁盘。存入磁盘。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计多个子窗体的排列(1)显示打开的多个文档窗口 要在某个菜单上显示所有打开的子窗体标题，只需利用菜单编辑器将该菜单的WindowList属性设置为True。(2)格不入排列窗口 利用Arrange方法进行层叠、平铺和排列图标。格式：MDI窗体名称.Arrange 排列样式第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计排列样式取值表 值VB常量说 明0vbCascade层叠所有非最小化MDI子窗体1vbTileHorizontal 水平平铺所有非最小化MDI子窗体2vbTileVertical垂直平铺所有非最小化MDI子窗体3vbArrangeIcons重排最小化MDI子窗体图标第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-12 7-12 在例在例7-117-11题的基础上，增添题的基础上，增添“窗口窗口”下拉菜下拉菜单，实现对多个子窗口的各种排列，并显示被打开单，实现对多个子窗口的各种排列，并显示被打开的各子窗口的标题。的各子窗口的标题。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计工具栏设计 工具栏的设计步骤如下：在工具箱中添加工具栏控件和图像列表控件。在窗体上添加ImageList控件，通过ImageList控件的属性对话框添加所需的图像。再在窗体上方添加 ToolBar 控件，通过ToolBar 控件的属性对话框创建工具按钮。最后在ToolBar 控件的ButtonClick事件中用Select Case语句对各按钮进行相应的编程。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计部件对话框 ImageListToolBar第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-13 7-13 设计一个具有四个按钮的工具栏，用于改变设计一个具有四个按钮的工具栏，用于改变文本框中的正文字体风格。文本框中的正文可以是文本框中的正文字体风格。文本框中的正文可以是粗体、斜体或下划线，也可以是任意两种状态的组粗体、斜体或下划线，也可以是任意两种状态的组合，也可以同时具有三种状态。第四种状态为标准合，也可以同时具有三种状态。第四种状态为标准体，即无任何设置。体，即无任何设置。第第第第7 7章章章章 用户界面的设计用户界面的设计用户界面的设计用户界面的设计例例例例 7-14 7-14 在例在例7-127-12的基础上，添加工具栏，其上有六的基础上，添加工具栏，其上有六个工具按钮，分别为：新建、打开、保存、剪切、个工具按钮，分别为：新建、打开、保存、剪切、复制和粘贴。复制和粘贴。