类似QQ游戏大厅导航的树型控件

注:这篇文章是早些日子我发布在VCKBASE上面的,现在拿过来.

下载地址 http://www.vckbase.com/code/winui/tree/Text_CTreeBT_Demo.rar

摘要

随着软件界面越来越花俏，windows标准常用控件难以满足实际项目的需求。在最近的项目中，需要实现一个类似QQ游戏大厅导航树型控件。参考了网络上的部分资料，自己动手制作了一个类CTreeCtrlBT。其界面如下：



实现步骤
第一步：新建一个基于对话框的MFC工程，拖动一棵标准树型控件放于界面之上。添加一个新类CTreeCtrlBT派生自CTreeCtrl。

第二步：为该类添加一些消息响应以及虚函数。其详细作用如下：
void PreSubclassWindow(); //用于添加初始化控件的相关信息
WM_SIZE //控件区域发生变化时候的处理
WM_PAINT //绘制控件
WM_MOUSEMOVE //主要获取鼠标所在位置的单元项

第三步：TreeCtrlBT.h中首先声明一个结构用于保存单元项的相关信息，并把所有项的信息放入一个map。实现代码如下：

typedef struct tagItemMsg {
HTREEITEM hItem;			//项的句柄
CBitmap   ItemBitmap;		//项的位图
COLORREF  crTransparent;	//透明颜色
tagItemMsg()
{
hItem   = NULL;
crTransparent = RGB(255,255,255);
}
~tagItemMsg()
{
if ( ItemBitmap.GetSafeHandle() )
{
ItemBitmap.DeleteObject();
}
}
}ITEM_MSG;
typedef map<HTREEITEM,ITEM_MSG*>	ITEMMSG_MAP;

第四步：计算控件的客户区域大小，以及滚动条滚动的偏移量。详细过程参考源代码
Calculate函数。

第五步：添加接口函数以及成员变量。如下:
（注意：TransparentBlt函数，需要包含msimg32.dll）

//设置背景位图
BOOL SetBackgroudBitmap( UINT nID );BOOL SetBackgroudBitmap(LPCTSTR lpszRecourceName);

//设置某一项位图
void SetItemBitmap(HTREEITEM hItem, UINT nIdBitmap);void SetItemBitmap(HTREEITEM hItem, LPCTSTR lpszBitmap);

//设置展开收缩的图表
void SetExpandBitmap(UINT nIdExpand, UINT nIdCollapse, COLORREF crTransparent = RGB(255,255,255));

//插入新的项目
HTREEITEM InsertItemEx(HTREEITEM hParent, LPCTSTR lpszItem, UINT nIdBitmap = 0, COLORREF crTransparent = RGB(255,255,255));
HTREEITEM InsertItemEx(HTREEITEM hParent, LPCTSTR lpszItem, LPCTSTR lpszBitmap, COLORREF crTransparent = RGB(255,255,255));

//开启横线
void EnableRowLine( BOOL bEnable = TRUE );

//是否开启横线
BOOL IsEnableRowLine();

//开启根节点背景
void EnableRootBk( BOOL bEnable = TRUE );

//是否开启根节点背景
BOOL IsEnableRootBk();

//获取某一项信息
ITEM_MSG* GetItemMsg(HTREEITEM hItem);

第六步：绘制控件。需要的绘制函数如下：

//绘制渐变色矩形区域
void GradientFillRect( CDC *pDC, CRect &rect, COLORREF col_from, COLORREF col_to, bool vert_grad );

//绘制控件背景
void DrawBackgroudBitmap(CDC* pDc);

//绘制单元项
void DrawItem( CDC* pDC );

//绘制单元项下部横线
void DrawRowLine(CPoint ptBegin, CPoint ptEnd, CDC *pDc = NULL);

//绘制展开收缩按钮
void DrawExpand(CRect rect, int state, CDC *pDc = NULL);

//绘制单元项位图
void DrawItemBitmap(CRect rect, HTREEITEM hItem, CDC *pDc = NULL);

//绘制单元项目文本
void DrawItemText(CRect rect, HTREEITEM hItem, bool bselected,CDC *pDc = NULL);

结束语
初次发表文章，表达不够详细的地方，望多多谅解，详细过程请参考源代码。在制作本控件时候，参考了类VividTree的部分代码，其地址如下：
http://www.codeproject.com/KB/tree/VividTree.aspx
　　
如果你有对本代码有声明建议或者意见可以联系本人,非常期待交往你这个朋友。
QQ：182408087
MSN：xiaofangmsg@hotmail.com