控件和源码下载

　　 QQ的界面大家都不陌生吧？CtListBar就是一个十分优秀的第三方控件，利用它我们可以很轻松的做出一个象QQ一样的界面。这节中，我们将通过对CtListBar控件基本使用方法的学习，参照一个实例，打造出一个很酷的QQ菜单。

　　 CtListBar控件包含了许多很有用的方法和属性。开始实例学习前，我们有必要先对其主要的几个方法和属性了解一番。表一和表二分别列出了几个主要的方法和属性，以及它们的类型、说明。初步了解之后，现在我们就开始实例讲解。

　　 （表一）

方法	返回类型	说明
AddList	integer	添加一个新的分组
DeleteList	boolean	从控件中删除一个已有分组
AddListItem	integer	在一个分组中新添加一个项目
DeleteItem	boolean	在一个分组中删除一个项目
InsertListItem	short	在某一分组中的某一位置插入一个新的项目
ClearLists	void	清除控件中的所有分组和项目

　　 （表二）

属性	数据类型	说明
BackImage	Picture	设置控件背景图片。利用这个属性，可以实现“皮肤”的功能。
BarHeight	integer	设置分组按钮的高度。
BorderType	integer	设置控件的边框样式
BorderColor	long	设置控件的边框颜色，仅当BorderType设置为“0 - Regular”时有效。
ButtonBackColor	long	设置分组按钮和上下滚动按钮的颜色。
ButtonForeColor	long	设置分组按钮和上下滚动按钮的字体颜色。
ButtonSize	integer	设置上下滚动按钮大小。
GradientFill	boolean	设置控件背景是否显示渐变色。
GradColorFrom	long	设置渐变色的起始颜色。
GradColorTo	long	设置渐变色的结束颜色。
IconSize	integer	设置图标显示模式是大图标或小图标。
Image1-6	Picture	设置预先在控件中加载的6幅图片。
ListBarStyle	integer	设置控件纵向或是横向显示。
ListBackColor	long	设置控件的背景颜色。
ListForeColor	long	设置分组中项目文字的颜色。
ListScrollSpeed	integer	设置项目滚动的速度。
ItemScrollSpeed	integer	设置分组滑动的速度。

　　 第一步：首先启动Visual Basic 6.0，新建一个窗口，修改窗口的Caption属性为你喜欢的名字，如“我的QQ菜单”。

　　 第二步：加载CtListBar控件，设置其属性。

　　 ①在控件工具栏中单击右键，选择“部件”，在弹出的窗口中点击“浏览”，找到CtListBar控件，载入它；把它添加到Form1窗体中，用鼠标拖动调整其大小。

　　 ②修改Caption属性为“我的好友”。Caption属性值将是菜单第一个分组的名称。

　　 ③修改ListBackColor属性。实例中我们借用了QQ的头像图片，设置属性值为&H00808000&，是背景颜色与图片背景吻合。

　　 ④在Images属性中载入图片。CtListBar控件本身可以载入6幅图片，这里我们从QQ的头像中载入6幅图片（如图1）。



　　 ⑤其余属性可以参照表2，依你自己的喜好设置。这里我们采用默认值。

　　 小技巧：虽然CtListBar控件只能载入6幅图片，但是我们可以用其他方法使CtListBar控件可以使用更多的图片，如使用PictureBox控件、ImageList控件等。

　　 第三步：添加其他控件，完成界面的设置。

　　 在窗体中添加5个CommandButton，将名称分别设置为cmd_AddList、cmd_DelList、cmd_AddItem、cmd_DelItem、cmd_Insert；将Caption属性依次设置为“添加分组”、“删除分组”、“添加项目”、“删除项目”、“插入项目”。　

　　 到这里，界面的设置就搞掂了，完成后如图2。


　　 第四步：接下来，我们就开始代码的编写，实现具体的功能。

　　 ①声明4个全局变量。

Dim strListName, strItemName As String 　　 Dim intListNum, intItemNum As Integer

　　 ②CtListBar控件不能预先设置好分组和项目，只能动态的添加，所以我们在Form_Load()事件中加入代码，添加结果分组和项目。

ctListBar1.AddList "陌生人" ctListBar1.AddList "黑名单" ctListBar1.AddListItem 1, "My heart", ctListBar1.Image1 ctListBar1.AddListItem 1, "第七乐章", ctListBar1.Image2 ctListBar1.AddListItem 1, "小A", ctListBar1.Image3 ctListBar1.AddListItem 1, "小B", ctListBar1.Image4 ctListBar1.AddListItem 1, "张三", ctListBar1.Image5 ctListBar1.AddListItem 1, "李四", ctListBar1.Image6

　　 以上代码中，我们新添加了“陌生人”和“黑名单”两个分组，又在原先设置过的“我的好友”分组中添加了6个项目。

　　 提示：ctListBar1.AddListItem方法使用了3个参数，分别为nIndex（分组的Index值）、strText（项目的名称）、Picture（项目的图片）。

　　 ③在按钮控件cmd_AddList的Click事件中输入代码：

strListName = "" 　　 strListName = InputBox("请输入要添加的分组名称", "添加分组") 　　 If strListName <> "" Then ctListBar1.AddList strListName

　　 在按钮控件cmd_DelList的Click事件中输入代码：

intListNum = 0 　　 intListNum = Val(InputBox("请输入要删除的分组标识号", "删除分组")) 　　 If intListNum <> 0 Then ctListBar1.DeleteList intListNum

　　 在按钮控件cmd_AddItem的Click事件中输入代码：

strItemName = "" 　　 intListNum = 0 　　 intListNum = Val(InputBox("请输入要添加的项目所在分组的标识号", "添加项目")) 　　 If intListNum <> 0 Then strItemName = InputBox("请输入要添加的项目的名称", "添加项目") 　　 If strItemName <> "" Then ctListBar1.AddListItem intListNum, strItemName, ctListBar1.Image1

　　 在按钮控件cmd_DelItem的Click事件中输入代码：

intListNum = 0 　　 intItemNum = 0 　　 intListNum = Val(InputBox("请输入要删除的项目所在分组的标识号", "删除项目")) 　　 If intListNum <> 0 Then intItemNum = Val(InputBox("请输入要删除的项目的标识号", "删除项目")) 　　 If intItemNum <> 0 Then ctListBar1.DeleteItem intListNum, intItemNum

　　 在按钮控件cmd_Insert的Click事件中输入代码：

intListNum = 0 　　 intItemNum = 0 　　 strItemName = "" 　　 intListNum = Val(InputBox("请输入要插入的项目所在分组的标识号", "插入项目")) 　　 If intListNum <> 0 Then intItemNum = Val(InputBox("请输入要插入的项目所在位置的标识号", "插入项目")) 　　 If intItemNum <> 0 Then strItemName = InputBox("请输入要插入的项目的名称", "插入项目") 　　 If strItemName <> "" Then ctListBar1.InsertListItem intListNum, intItemNum, strItemName, tListBar1.Image1

　　 提示：用AddListItem添加的项目只能添加在该分组末尾，而InsertListItem方法可以在一个分组中的指定位置插入一个新的项目。

　　 到这里，这个简单的实例程序就完成了，按下F5，看看效果（如图3），是不是很酷？和QQ象极了！CtListBar控件用处很多，它完全可以用来替代Visual Basic中菜单编辑器编辑出的古板菜单，很多著名软件都使用了类似的菜单效果。在你的程序中也用上这个控件，一定可以为你的程序增辉不少。