第七章界面设计

1、7/25/20221第七章 界面设计7.1 对话框控件7.2 菜单设计7.3 工具栏和状态栏7/25/202227.1 对话框控件对话框是一种特殊的窗体其大小一般不可改变,也没有“最大化”和“最小化”按钮，只有一个“关闭按钮”(有时还有一个“帮助”按钮)对话框的设计有三种解决方案：系统预定义的对话框(InputBox和MsgBox)用户自定义对话框通用对话框7/25/20223用户自定义对话框有两种创建方法：1、在普通窗体上，使用标签、文本框、命令按钮等控件创建用户界面，再编写相应的程序代码，来实现人机交互窗体的BorderStyle=3MaxButton=False，MinButton=Fa

2、lse2、使用系统提供的“对话框”模板，通过修改即得到适合自己程序的自定义对话框7/25/20224通用对话框（CommonDialog） 通用对话框（CommonDialog）控件：包括打开、另存为、颜色、字体、打印和帮助对话框是ActiveX控件：“工程”“部件” “Microsoft Common Dialog Control 6.0”选项，将其添加到工具箱中在设计状态下， CommonDialog控件的大小不能改变，共有6种不同的对话框，每种对话框对应一个不同的Action属性值和Show方法，其对应关系如下表：7/25/20225表7-1 Action属性和Show方法Action属

3、性Show方法说明1ShowOpen显示文件打开对话框2ShowSave显示另存为对话框3ShowColor显示颜色对话框4ShowFont显示字体对话框5ShowPrinter显示打印机对话框6ShowHelp显示帮助对话框7/25/20226通用对话框具有的主要共同属性 (1) CancelError属性 通用对话框里有一个“取消”按扭，用于向应用程序表示用户想取消当前操作 当CancelError属性设置为True时，若用户单击“取消”按扭，通用对话框自动将错误对象Err.Number设置为32755（cdlCancel）以便供程序判断 若CancelError属性设置为False，则单

4、击“取消”按扭时不产生错误信息。 7/25/20227(2) DialogTitle属性 设置对话框标题，但当显示“颜色”、“字体”或“打印”对话框时，该属性值无效(3) Flags属性 通用对话框的Flags属性可以修改每个具体对话框的默认操作 (4) HelpCommand属性 指定Help的类型 (5) HelpContext属性 用来确定Help ID的内容，与HelpCommand属性一起使用，指定显示的Help主题 (6) HelpFile和HelpKey属性 分别用来指定Help应用程序的Help文件名和Help主题能够识别的名字 7/25/202287.1.1 文件对话框的结构

5、文件对话框有打开（Open）和保存（Save）对话框 ，Action属性值分别为1和2(1) FileName属性设置和得到用户所选的文件名（包括路径名） (2) FileTitle属性返回文件名(不包含路径)7/25/20229图7-3 打开对话框7/25/202210(3) Filter属性确定打开或保存的文件类型，显示在文件类型下拉列表框中该属性的设置格式： 文件说明字符 | 类型描述例如要在打开对话框的“文件类型”列表框中显示如图7-3所示的文件类型，则Filter属性应设置为： CommonDialog1.Files=文本文件 | *.txt | Word文档 | *.doc说明：“

6、 | ”为管道符号，用于分隔文件类型串与指定文件扩展名串7/25/202211(4) DialogTitle 用来设置对话框的标题 (5) DefaultEXT 确定保存文件的默认扩展名 (6) InitDir 用来指定打开对话框中的初始目录 注意：上述属性，若在程序中设置，都必须放在使用Action属性或Show方法之前，否则设置无效7/25/202212【例7.1】编写程序，建立“打开”和“保存”对话框。根据上述方法在窗体上画一个通用对话框，以属性的默认值Name属性为CommonDialog1，再建立两个命令按扭Command1和Command2，然后编写两个事件过程：7/25/2022

7、137.1.2 “颜色”对话框Aciton为3的通用对话框提供了基本颜色(Basic Color)和自定义颜色(Custom Color) ，用户可自己调色Color属性：它返回或设置选定的颜色，当用户在调色板中选定某颜色时，按“确定”按钮，该颜色值便赋给了Color属性7/25/202214【例7.2】 在例7.1的窗体上增加命令按扭Command3，用于打开颜色对话框，通过“颜色”对话框设置窗体（Form1）的背景颜色。 7/25/2022157.1.3 “字体”对话框是当Action属性值为4的通用对话框选择字体、字体样式、字体大小、字体效果以及字体颜色字体对话框的主要属性： （1）Ca

8、ncleError，DialogTitle，HelpCommand，HelpContext，HelpFile和HelpKey见前面介绍。7/25/202216（2）Flags属性确定对话框中显示字体的类型，在显示字体对话框前必须设置该属性，否则会发生 不存在字体的错误，使用Or运算符可以为一个对话框设置多个标志，如cdlCFScreenFonts Or cdlCFEffects 其属性值见表7-3。 7/25/202217常数属性值作用cdlCFScreenFonts1只显示屏幕字体cdlCFPrinterFonts2只列出打印机字体cdlCFBoth3列出打印机和屏幕字体cdlCFEffec

9、ts256允许中划线、下划线和颜色表7-3 Flags属性的含义7/25/202218(3) Color属性它确定字体颜色(4) Max和Min属性 它确定字体大小的选择范围，单位为点(Point)(5) Font属性集包括FontBold，FontItalic，FontName，FontSise，FontStrikeThru，FontUnderLine 7/25/202219【例7.3】用字体对话框设置文本框中显示的字体。在窗体上建立通用对话框CommonDialog1、文本框Text1、和命令按扭Command1，在命令按扭中编写Click事件代码 7/25/2022207.1.4 “打印

10、”对话框是当Action为5时的通用对话框为用户提供了一个标准的打印窗口为用户提供了一个选择打印参数的界面，这些参数被存放在相关的属性中，可通过这些属性来编程以完成打印操作7/25/202221“打印”对话框的主要属性 （1）Copies属性： 它是整型，用于确定打印的份数（2）FromPage和ToPage属性： 它是整型，用于确定打印的起始页号和终止页号（3）hDC属性： 分配给打印机的句柄，用来识别对象的设备环境。用于API调用。 （4）Max和Min属性： 用来限制FromPage和ToPage的范围，其中Min指定所允许的起始页码，Max指定所允许的最后页码。 7/25/202222

11、【例7.4】 在窗体上创建一个通用对话框、一个文本框和一个命令按扭，建立打印对话框，打印文本框中的信息。7/25/2022237.1.5 “帮助”对话框是当Action属性值为6时的通用对话框用于制作应用程序的联机帮助 将已经制作好的帮助文件打开并与界面相连，从而达到显示并检索帮助信息的目的7/25/202224“帮助”对话框的重要属性 （1）HelpCommand 返回或设置所需要的联机Help帮助类型。 （2）HelpFile 指定Help文件的路径以及文件名称。从而找到帮助文件，再从中找到相应内容，显示在Help窗口中。 7/25/202225（3）HelpKey： 返回或设置请求帮助主

12、题的关键字（4）HelpContext： 该属性一般与HelpCommand属性一起使用(设置HelpCommand=cdlHelpContents )返回或设置请求帮助主题的上下文ID以指定要显示的帮助主题7/25/202226【例7.5】设计一个调用VB.hlp的程序。 Private Sub Command1_Click() CommonDialog1.HelpCommand = cdlHelpContents CommonDialog1.HelpFile = C:Windowshelpnotepad” CommonDialog1.HelpKey = dlakglk CommonDial

13、og1.ShowHelpEnd Sub 7/25/2022277.2 菜单设计通过菜单可以对各种命令按钮功能进行分组共有三种菜单：窗体控制菜单当窗体的ControlBox=True时，显示控制菜单下拉菜单弹出式菜单7/25/202228下拉菜单位于窗口的顶部 包括主菜单、菜单项、子菜单、分隔条等在设计状态下：工具菜单编辑器“菜单编辑器”对话框7/25/2022297/25/2022307/25/2022311、设计下拉菜单每个菜单项都有自己的Caption和Name属性当把某个菜单项的各个属性都设置完成后，单击“下一个”按钮，可继续设置下一个菜单项，设置完成后，单击“确定”按钮，结束菜单设计7

14、/25/2022322、设计子菜单或改变子菜单级别单击“菜单编辑器”中的“”按钮，该菜单项上升一层单击“菜单编辑器”中的“”按钮，该菜单项下降一层(前面加省略号)3、为菜单项分组为便于用户查找，可将菜单按功能分组，组与组之间加上分隔条分隔条：也是一菜单项，其创建与菜单项相同，其标题应设置为连字符“”7/25/2022334、为菜单项指定访问键和快捷键访问键：与Alt连用，用来打开菜单、执行命令等例如：按下Alt+F组合键，即可打开“文件”菜单在菜单项的标题中，在访问键字符前加一个“&”符号，该字符就带有一个下划线例如：将“文件”菜单的Caption属性设置为“文件(&F)”7/25/20223

15、4快捷键：执行一个命令的功能键或组合键例如：按下组合键Ctrl+P可以打开“打印”对话框菜单编辑器中的“快捷键”下拉列表框可为Menu控件设置一个快捷键。访问键与快捷键的区别：通过访问键打开某个子菜单项，必须首先使焦点位于其上一级菜单上，而使用快捷键则无此限制7/25/2022355、为菜单项加上复选标记复选标记“”选择“菜单编辑器”中的“复选”复选框或设置相应菜单项的Checked属性6、禁止使用菜单项使菜单项变成灰色选择“菜单编辑器”中的“有效”复选框或设置相应菜单项的Enabled属性， True：表示相应的菜单项可以对用户事件做出相应。 False：该菜单项会“变灰”，不可操作。 7/

16、25/2022367、菜单项的增减静态增减：在设计阶段增减“菜单编辑器”插入或删除单击“”和“”可将当前选择的菜单项上下移动也可动态增减相关的菜单项7/25/202237【例7.6】 设计一个如图所视的简易文本编辑排版系统，在菜单栏中有“文件”、“插入”和“颜色”两个菜单，其中“文件”菜单中包含“新建”、“打开”、“保存”和“退出”4个菜单。“插入”菜单中包含“符号”、“图片”、“文本框”和“文件”4个菜单项，“文本框”又包含“横排”和“竖排”2个选项。“颜色”菜单中包括“红色”、“蓝色”和“绿色”3个子菜单。 7/25/202238图7-11 菜单编辑器7/25/2022397.2.2 弹出

17、式菜单也称上下文菜单或快捷菜单，是浮动式菜单，通常在右击时显示其菜单选项取决于鼠标右键按下时指针所在的位置仍使用“菜单编辑器”编辑，且Visible=False在运行阶段通过PopupMenu方法将已经设计好的菜单在指定位置弹出7/25/202240PopupMenu方法的使用格式为：对象.PopupMenu 菜单名，Flags，x，y 说明：对象：是窗体名 菜单名：是在菜单编辑器中定义的主菜单项名，菜单名是必需的，其它参数是可选的x，y：指定弹出菜单显示的坐标位置Flags参数的功能如下表：7/25/202241定位常量值作用vbPopuMenuLeftAlign0(默认值)弹出式菜单以X坐

18、标为左边界vbPopuMenuCenterAlign4弹出式菜单以X坐标为中心vbPopuMenuRightAlign8弹出式菜单以X坐标为右边界表7-2 指定表菜单位置7/25/202242行为常量值作用vbPopupMenuLeftButton0(默认值)单击鼠标左键显示弹出式菜单vbPopupMenuRightButton8单击鼠标右键显示弹出式菜单表7-3 定义菜单行为7/25/202243【例7.7】建立例7.1中的“文件”菜单的弹出式菜单。弹出式菜单的创建方法：和编辑菜单的方法相同，建立“文件”菜单。设置菜单属性：注意，主菜单项File的“可见”属性应设置为False，其余菜单项的

19、“可见”属性设置为True。编写窗体的MouseDown事件过程。7/25/2022447.3 工具栏和状态栏工具栏：提供对应用程序中最常用菜单命令的快速访问状态栏：用来显示系统信息和对用户的提示利用ActiveX控件中的ToolBar、ImageList和StatusBar控件来制作工具栏和状态栏使用前应执行：工程部件Microsoft Windows Common Controls 6.0将控件添加到工具箱7/25/202245图7-13工具箱ToolBarStatusBar7/25/202246一、工具栏创建工具栏的步骤：(1)在ImageList控件中添加所需要的图象。(2)在Tool

20、Bar控件中创建Button对象。(3)在ButtonClick事件中用Select Case语句对各按扭进行相应的编程。7/25/2022471、在ImageList控件中添加图象ImageList控件不可以单独使用，它专门为其他控件提供图像库，是一个图像容器控件。我们使用的工具栏按扭的图像就是通过ToolBar控件从ImageList的图像库中获得的。先在窗体上添加ImageList1和ToolBar1控件。选择ImageList1，单击右键，从弹出菜单中选择“属性”，然后在“属性页”对话框中选择“图像”标签，如图7-14所示。 7/25/202248图7-14 ImageList属性页7

21、/25/202249属性设置：索引（Index）：表示每个图像的编号，在ToolBar的按扭中引用。关键子（Key）：表示每个图像的标识名，在ToolBar的按扭中引用。图像数：表示已经插入的图像数目。插入图片：插入新图像，图像文件的扩展名为.ico，.bmp，.gif，.jpg等。7/25/2022502、为工具栏连接图像打开ToolBar控件“属性页”对话框，选择“通用”标签，如图7-15。7/25/202251说明：图像列表：下拉式列表框表示与ImageList控件的连接，此例选择ImageList1控件名。当ImageList控件与ToolBar控件相关后，就不能对其进行编辑。若需要对

22、ImageList控件进行编辑时，须先在ToolBar控件的“图像列表”下拉列表框设置为“无”，切断与ImageList的关系，然后对ImageList进行编辑。7/25/2022523、为工具栏增加按扭选择图7-15ToolBar属性页的“按扭”标签，如图7-16所示，单击“插入按扭”可以在工具栏上插入Button对象。7/25/202253图7-16 ToolBar“按扭”选项卡7/25/202254在此选项卡中需要设置的属性：索引（Index）：文本框表示每个按扭的数字编号，在ButtonClick事件中的引用。图像（Image）：文本框选定ImageList对象中的图像，可以用图像的Key或Index值。从而和ImageList中的图像连接。如图7-17。关键字（Key）：表示每个图像的标识名，在ToolBar的按扭中引用。样式（Style）：下拉列表框指定按扭样式，共6种。其属性值如表7-47/25/2022