Visual Basic程序设计教案

1、第 11 章 用 户 界 面 设 计 11.1 菜 单 的 设 计11.2 工具栏与状态栏的设计11.3 常 用 的 对 话 框 11.4 文 本 与 图 形11.1 菜 单 的 设 计11.1.1 菜单的结构与控件在实际的应用中，菜单可分为两种基本类型：下拉式菜单和弹出式菜单。下拉式菜单一般通过单击菜单栏中菜单标题（如文件、编辑等）的方式打开，其结构如图11-1所示。图11-1 下拉式菜单 弹出式菜单是单击右键时出现的菜单，是显示在窗体上独立于菜单栏的浮动菜单，如图11-2所示，弹出式菜单上显示的菜单项取决于鼠标右键按下时鼠标指针所在的位置。 图11-2 弹出式菜单 11.1.2 菜单的建立

2、与使用菜单编辑器是Visual Basic提供的用于设计菜单的编辑器。用菜单编辑器可以创建新的菜单和菜单项，在已有的菜单上增加新的菜单命令，编辑已有的菜单命令，以及修改和删除已有的菜单和菜单项。要打开菜单编辑器，可以在“工具”菜单中选择“菜单编辑器”命令，或者单击工具栏中的“菜单编辑器”按钮，打开后的菜单编辑器如图11-3所示。 图11-3 菜单编辑器1菜单项属性区（1）标题（Caption）（2）名称（Name）（3）索引（Index）（4）快捷键（Shortcut）（5）帮助上下文件ID（6）协调位置（7）复选（Checked）（8）有效（Enabled）（9）可见（Visible）（10

3、）显示窗口列表（WindowsList） 2编辑区编辑区共有7个按钮，用来对输入的菜单项进行简单的编辑。（1）左、右箭头（2）上、下箭头（3）下一个（4）插入（5）删除 3菜单项显示区菜单项显示区位于菜单编辑器的下部，输入的菜单项在这里显示，并通过内缩符号表明菜单项的层次。单击“确定”按钮，创建的菜单标题将显示在窗体上。 11.1.3 快捷菜单的建立与使用快捷菜单能以灵活的方式提供更加便利的操作，它可根据用户单击鼠标右键时光标的位置，动态地调整菜单项的显示位置。因此，快捷菜单也称为上下文菜单或弹出式菜单。建立快捷菜单通常有两步：首先用菜单编辑器建立菜单，然后用PopupMenu方法弹出显示。第

4、一步的操作与下拉式菜单基本相同，惟一的区别是需把菜单名（即顶级菜单）的“可见”属性设置为False。PopupMenu方法的格式为： 对象PopupMenu菜单名,flags ,x ,y ,BoldCommand（1）对象（2）菜单名（3）Flags（4）X和Y（5）BoldCommand 11.2 工具栏与状态栏的设计11.2.1 工具栏的设计与使用设计工具栏，实际上是一个放置了一些工具按钮的图片框。通过设置图片框的Align属性，可以控制工具栏（图片框）在窗体中的位置，当改变窗体的大小时，Align属性值非0的图片框会自动地改变大小，以适应窗体的宽度或高度。 1创建ImageList控件I

5、mageList控件的作用如同图像的储藏室，ImageList控件不能独立使用，它需要Toolbar控件（或ListView，TabStrip，TreeView控件等）来显示所存储的图像。ImageList控件可以包含任意大小的所有图片文件，但是图片的显示大小都相同。通常，加入该控件的第一幅图像决定了随后加入图像的显示大小。在设计时，可以在ImageList属性页中添加图像，按照顺序将需要的图像插入到ImageList中。 图11-7 ImageList控件属性页 2设置工具栏的属性用鼠标双击Toolbar控件，它将加入窗体并出现在窗体的顶部。通过设置Toolbar1的Align属性可以控制工

6、具栏在窗体中的位置。当改变窗体的大小时，Align属性值为非0的工具栏会自动改变大小以适应窗体的宽度或高度。用鼠标右键单击窗体上的Toolbar1，在弹出的快捷菜单中选择“属性”，将打开“属性页”对话框，如图11-8（a）所示。（a）图11-8 “属性页”对话框 “通用”选项卡中的“图像列表”属性将被用来与ImageList控件建立关联。将属性页切换到“按钮”选项卡，创建按钮（Button）对象，如图11-8(b)所示。 （b）图11-8 “属性页”对话框 （1）插入按钮、删除按钮（2）索引、关键字（3）标题（Caption）、描述（4）值（Value）（5）样式（Style） （6）宽度（W

7、idth）（7）图像（Image）（8）工具提示文本（ToolTipText） 3编写ButtonClick事件代码工具栏控件的常用事件有ButtonClick事件和Change事件。当用户单击按钮（占位符和分隔符样式的按钮除外）时，将激发ButtonClick事件。此时可以用按钮的Index属性或Key属性标识被单击的按钮。 工具栏控件提供的另一功能是用户定制工具栏。如果将工具栏控件的AllowCustomize属性设置为True，则当用户双击工具栏时，即可显示出“自定义工具栏”对话框。在代码中可以通过调用Customize方法显示对话框。“自定义工具栏”的对话框如图11-9所示。 图11-

8、9 “自定义工具栏”对话框 当用户利用“自定义工具栏”对话框定制了自己的工具条时，Change事件被激活。通常，在该事件中保存用户的定制。如果允许用户重新配置工具栏控件，那么需要用SaveToolbar和RestoreToolbar方法保存和恢复该工具栏。 11.2.2 状态栏的设计与使用状态栏通常位于窗口的底部，主要用于显示应用程序的各种状态的信息。StatusBar控件是ActiveX控件，添加的方法与ImageList相同，添加后在控件工具箱中出现StatusBar控件的图标。状态栏控件是由面板（Panels）集合构成的，在集合中最多可包含16个窗格对象，每个对象可以显示图像和文本。如图

9、11-10所示，显示了一个具有3个窗格的状态栏。 图11-10 状态栏示例 在运行时，可以通过Text，Picture和Width等属性动态地改变窗格对象。要在设计时更改窗格对象的属性或添加窗格对象，可以用鼠标右键单击控件，然后选择“属性”来显示“属性页”对话框，如图11-11所示。 图11-11 状态栏属性页 在状态栏控件的“属性页”对话框中，“通用”标签上的为状态栏的通用属性，包括Style，MousePointer，SimpleText，OLEDropMode，Enabled和ShowTips属性。“窗格”标签上的是窗格的属性，其中索引（Index）是一个从1开始的数值，用它来惟一标识集

10、合中的对象。“插入窗格”按钮创建一个新的窗格，“删除窗格”按钮删除当前索引号所指的窗格。文本（Text）属性设置窗格对象的标签。图片（Picture）属性设置窗格上显示的图片，其与文本属性显示相对位置要根据对齐方式的设置。工具提示文本（ToolTipText）设置当用户将鼠标放在窗格上时显示的提示信息。关键字(Key)属性设置一个惟一标识集合中对象的字符串，它的作用和索引类似。对齐（Alignment）属性设置窗格对象上文本的对齐方式，有左对齐、居中对齐和右对齐。样式（Style）属性设置窗格的样式，这也是状态栏控件最有用的部分，能够用最少的代码显示键盘状态、时间和日期。表11-3列出了Sty

11、le属性的设置值。 状态栏控件的事件包括PanelClick事件和PanelDblClick事件等。需要获得相应状态栏的单击事件，可以在PanelClick事件过程中使用Select Case语句。该事件包含的参数能够指出发生单击事件的窗格对象。相应的代码格式如下： Private Sub sb_PanelClick(ByVal Panel As MSComctlLib.Panel) End Sub11.3 常 用 的 对 话 框 公共对话框控件是一个ActiveX部件，位于“C:WindowsSystemComdlg32.ocx”中，名称为“Microsoft Common Dialog C

12、ontrol 6.0”。添加该部件后，工具箱中即会出现公共对话框控件（CommonDialog）的图标。在应用程序中使用公共对话框控件，需要将它添加到窗体中。由于在程序运行时看不见公共对话框控件，因此可以将它放置在窗体的任何位置。在运行程序时，公共对话框可以显示一个对话框或是执行帮助引擎，所显示的对话框由控件的方法决定。共有6种方法来指定相应的对话框，见表11-4。 每种对话框都有自己特殊的属性，这些属性既可以在属性窗口中设置，也可以在代码中设置，还可以在“属性页”对话框中设置。在属性窗口中选择“（自定义）”，再单击右侧的“”按钮，将出现“属性页”对话框，如图11-12所示。 图11-12 “

13、属性页”对话框 1“打开”对话框图11-13 “打开”对话框 2“另存为”对话框图11-14 “另存为”对话框 3“颜色”对话框“颜色”对话框用来在调色板中选择颜色，或者创建自定义颜色。运行时选定颜色并关闭对话框后，可用Color属性得到所选的颜色。 4“字体”对话框图11-15 “字体”对话框5“打印”对话框图11-16 “打印”对话框 11.4 文 本 与 图 形11.4.1 RichTextBox控件的使用Visual Basic的常用控件中并没有这个控件，必须添加ActiveX中的RichTextBox控件（Microsoft Rich Textbox Control 6.0）。RichTextBox控件不仅允许输入和编辑文本，同时还提供了标准TextBox控件未具有的、更高级的指定格式的许多功能，如图11-17所示。 图11-17 RichTextBox控件属性窗口 11.4.2 PictureBox控件的使用图片框