VisualBasic案例化程序设计：VB工具栏设计

工具栏实际上是对应用程序中最常用的菜单命令的快速访问,是许多基于Windows应用程序的标准功能。工具栏通常位于菜单栏下面,由多个按钮排列组成,用户可以通过单击这些按钮快速执行一些常用的操作。

创建工具栏要用到两个控件,“工具栏”控件(Toolbar)与“图像列表”控件(ImageList):“工具栏”控件用来设置工具栏上的按钮与处理用户的操作,“图像列表”控件用来提供在按钮上显示的图标。

工具栏的设计过程分下面几个步骤进行。

(1)将工具栏控件与图像列表控件添加到工具箱中。

(2)将工具栏控件与图像列表控件放置到窗体上。

(3)向图像列表控件添加图片。

(4)使用工具栏控件建立按钮。

(5)编写按钮的程序代码。

1.工具栏和图像列表控件的添加

在使用工具栏与图像列表控件之前,用户需要将它们添加到工具箱中。在“工程”菜单中选择“部件”菜单项,出现如图7-13中的左图所示的对话框。在控件列表中勾选“Microsoft Windows Common Controls 6.0”选项,然后点击“确定”按钮。在工具箱中多了9个控件,其中就包括工具栏和图像列表控件,如图7-13中的右图所示,右图中用方框圈上的分别为工具栏、状态栏和图像列表控件。

图7-13　“部件”对话框中的“控件”选项卡

2.使用图像列表控件添加图片

图像列表控件只是作为一个向其他控件提供图像的资料中心,它不能独立使用,可以向另一个控件提供显示图像,正是因为图像列表控件的这个特点,它常常与工具栏控件搭配一起创建工具栏。

工具栏中通常用某种图标代表应用程序的某个功能。例如图标一般代表“保存文件”功能。要使工具栏能够显示这样的图标,可以先将所需要的按钮图标添加到图像列表控件中,然后将图像列表控件与工具栏控件进行关联。

设计状态下图像列表框控件在窗体上可见,运行状态下在窗体上不可见。右击图像列表框控件在弹出的快捷菜单中点击“属性”菜单项,在弹出“属性页”对话框中选择“图像”选项卡(如图7-14所示),再单击其中的“插入图片”按钮打开“选定图片”对话框,在这个对话框中选择某一图片,单击“打开”按钮即可将该图片添加到图像列表控件中。重复插入图片这一操作,可以为图像列表控件添加多个图片,最后,单击“确定”按钮即可完成操作。

图片添加了之后,系统会自动为每个图片设置一个索引号,第1个添加的图片的索引号为1,第2个为2,第3个为3,……依次类推。图片的索引号在工具栏控件与图像列表控件关联时,就是以图片索引号来调用各个图片的,也可以使用关键字来调用图片,所以最好每一个图片指定一个唯一的关键字。在图像列表框中单击选中某个图片,单击“删除图片”按钮可将该图片从图像列表控件中删除。

图7-14　“属性页”中的“图像”列表控件的添加

在图7-14中,为图像列表控件添加3个图片,以便在以后创建工具栏时使用。表7-9中列出了添加图片的文件名称、对应的索引号和关键字。

★注意:如果在安装VB时选择可安装图片,则在VB的安装目录\Common\Graphics\Bitmaps\TIBR_95文件夹中包含了大量的Windows标准按钮图标。

表7-9　添加图片及设置

3.工具栏控件的使用

在默认情况下,将工具栏控件添加到窗体后,工具栏控件总是出现在窗体的上方且不能改变其大小和位置,这是因为工具栏控件的Align属性值为1-vbAlignTop。通过设置该属性值,使得工具栏沿窗体的其他边对齐,例如,将Align属性的值设置为2-vb Align Bottom,则工具栏沿窗体的底边对齐。如果要创建一个浮动工具栏,可设置Align属性的值为0-vbAlignNone,用户还可以调整它的大小与位置。(www.xing528.com)

在工具栏控件的“属性页”对话框中,也可以设置控件的属性,并且更直观方便。在工具栏控件上右击弹出一个快捷菜单,点击“属性”命令即可打开如图7-15所示的“属性页”对话框。单击“图像列表”框下拉按钮,选择“ImageList1”选项(ImageList1是前面放置在窗体上并添加了图片的图像列表的控件),这样就建立了工具栏控件与图像列表控件的关联。

图7-15　“属性页”中的“通用”选项卡

工具栏的其他主要属性如下。

在“属性页”对话框“通用”选项卡中有如下内容。

·允许自定义:属性决定用户是否可以通过双击工具栏打开“自定义工具栏”对话框栏重新设置工具栏。

·显示提示:属性确定鼠标停留在按钮上时是否显示工具提示。

·可换行的:属性确定若在一行内容纳不下全部按钮时,是否以两行显示按钮。

·有效:属性确定按钮是否可用。

·还可以设置工具栏的外观属性,如外观、边框和样式等。在设置这些属性后,单击“应用”按钮,即可在窗体中预览到设置的效果。

要在工具栏中建立按钮,需在“属性页”对话框“按钮”选项卡中进行设置。在“按钮”选项卡(如图7-16所示)中,单击“插入按钮”按钮,通过在其中设置一些按钮的属性,即可在工具栏中建立一个按钮。重复插入按钮操作,可以为工具栏建立多个按钮。“按钮”的一些重要属性的含义如下。

·索引号属性:按钮就好像数组中的下标一样,在程序中可以通过它们的索引号来引用。比如“Toolbarl.Buttons(1).Caption="打开"”该语句是将索引号为1的按钮标题设置为“打开”。

·标题属性:用来设置在按钮上显示的文本,如果不输入任何内容,则按钮上只显示图标,不显示文本,大多数工具栏中的按钮上都不显示文本。

·关键字属性:是指按钮的名称,在程序中也可以按关键字来引用按钮。

·样式属性:用来设置按钮的类型,表7-10中列出了该属性的取值及对应的按钮类型。

·工具提示文本属性:用来设置当鼠标停留在按钮上时显示的工具提示文本。

·图像属性:指定在按钮上显示的图片的索引号或关键字,其中图片的索引号与关键字是在图像列表控件的“属性页”对话框中指定的。

图7-16　“属性页”中的“按钮”选项卡

表7-10　Style属性的取值

4.给工具栏上的按钮编写代码

工具栏上的按钮设计好以后,还应编写对应的代码,使按钮能执行一定的操作。工具栏的ButtonClick事件过程的框架自动出现在代码窗口中,编写该过程如下。