CDialog上使用CToolBar+CReBar

最经在做一些用户界面的东西，对话框上有很多按钮和组合框，全部加起来差不多有20多个吧，界面非常凌乱，最后决定用CToolBar + CReBar来重新设计界面，为什么选用这个呢?一是因为看到IE用的也是这个，二是用CReBar+透明的CToolBar可以实现漂亮的换肤效果。

1、在对话框类中添加成员变量:

CStatic m_static;

CButton m_btn;

CComboBox m_combo;

CToolBar m_toolBar;

CReBar m_reBar;

在OnInitDialog()添加如下代码：

1、用于创建工具栏和ReBar

if (!m_reBar.Create(this))

	return FALSE;

if (!m_toolBar.CreateEx(this))

	return FALSE;

//TBSTYLE_TRANSPARENT是使CToolBar透明，可以显示CReBar的背景。

//TBSTYLE_LIST用于设置按钮文字时，文字在按钮的右边，默认情况下是文字在按钮的下部

m_toolBar.ModifyStyle(0, TBSTYLE_TRANSPARENT | TBSTYLE_LIST);

m_toolBar.GetToolBarCtrl().SetExtendedStyle(TBSTYLE_EX_DRAWDDARROWS);//设置下拉箭头样式

m_toolBar.SetButtons(NULL, 5);//设置ToolBar 按钮个数

	m_reBar.AddBar(&m_toolBar);

2、添加按钮：

CRect rect;

int nIndex = -1;

//添加文本

m_toolBar.SetButtonInfo(++nIndex, 0, TBSTYLE_BUTTON | BTNS_AUTOSIZE | TBSTYLE_AUTOSIZE | TBBS_DISABLED, -1);

//此处是为了增加按钮的宽度，可以更加自己的需要适当的调整，由于是不可见字符，因此是透明的

m_toolBar.SetButtonText(nIndex, _T(" "));

m_toolBar.GetItemRect(nIndex, &rect);

rect.top += 3;//此处是为了让文本垂直居中

m_static.Create(_T("工具栏"), WS_CHILD | WS_VISIBLE | SS_CENTER | SS_SIMPLE, rect, &m_toolBar);

m_static.SetFont(m_toolBar.GetFont());

//添加组合框

m_toolBar.SetButtonInfo(++nIndex, 0, TBSTYLE_SEP, 80);

m_toolBar.GetItemRect(nIndex, &rect);

rect.bottom += 100;

m_combo.Create(WS_CHILD | WS_VISIBLE | CBS_DROPDOWN, rect, &m_toolBar, 0);m_combo.SetFont(m_toolBar.GetFont());

//添加

CheckBoxm_toolBar.SetButtonInfo(++nIndex, 0,TBSTYLE_BUTTON | TBBS_DISABLED | TBSTYLE_AUTOSIZE, -1);

m_toolBar.SetButtonText(nIndex, _T(" "));

m_toolBar.GetItemRect(nIndex, &rect);

m_btn.Create(_T("你好"), WS_CHILD | WS_VISIBLE | BS_AUTOCHECKBOX, rect, &m_toolBar, 0);

m_btn.SetFont(m_toolBar.GetFont());

//添加下拉按钮，这个-2表示不显示按钮位图，但是显示了文字，这个我通过跟踪IE8的CToolBar按钮得到的，微软完全没有说明。

//至于这个-2是怎么来的，我会在另一个文章中说明。

m_toolBar.SetButtonInfo(++nIndex, 0, TBSTYLE_AUTOSIZE | BTNS_WHOLEDROPDOWN, -2);

m_toolBar.SetButtonText(nIndex, _T("下拉列表"));

//显示ReBar和工具栏

CRect rcWnd;

GetClientRect(&rcWnd);

m_reBar.SetWindowPos(NULL, 0, 0, rcWnd.Width(), 24, SWP_SHOWWINDOW);//显示CReBar

显示效果如下：

"工具栏"是CStatic，如果要让他透明，直接从CStatic 派生一个CStaticExt类

添加宏ON_WM_CTLCOLOR_REFLECT()和函数

HBRUSH CTransparentStatic::CtlColor(CDC *pDC, UINT nCtlColor)

{

	pDC->SetBkMode(TRANSPARENT);

	return (HBRUSH)::GetStockObject(NULL_BRUSH);//直接返回空画刷，这样就透明了

}

4、让对话框能响应ON_UPDATE_COMMAND_UI消息

添加函数：

void OnKickIdle()

{

	if (m_toolBar.GetSafeHwnd() && m_toolBar.IsWindowVisibile())

		m_topBar.OnUpdateCmdUI((CFrameWnd *)this, FALSE);//响应工具栏按钮更新消息

}

添加宏ON_WM_INITMENUPOPUP()和函数：

void OnInitMenuPopup(CMenu* pPopupMenu, UINT nIndex, BOOL bSysMenu)

{

	CDialogEx::OnInitMenuPopup(pPopupMenu, nIndex, bSysMenu);

	if (!bSysMenu && pPopupMenu)

	{

		CCmdUI cmdUI;

		int nCount;

		UINT nID;

		cmdUI.m_pOther = NULL;

		cmdUI.m_pMenu = pPopupMenu;

		cmdUI.m_pSubMenu = NULL;

		nCount = pPopupMenu->GetMenuItemCount();

		cmdUI.m_nIndexMax = nCount;

		for (int i = 0; i < nCount; ++i)

		{

			nID = pPopupMenu->GetMenuItemID(i);

			if (nID == -1 || nID == 0)

				continue;

			cmdUI.m_nID = nID;

			cmdUI.m_nIndex = i;

			cmdUI.DoUpdate(this, FALSE);//菜单按钮更新消息

		}

	}

}

接下来我们就可以使用ON_UPDATE_COMMAND_UI宏来添加消息响应了，这里不再说明。

补充：通过m_reBar.GetReBarCtrl().ShowBand(1,bShow);函数来显示或隐藏Band，界面会刷新不正常。

解决办法：先重绘工具栏，再重绘子窗口。

m_reBar.RedrawWindow();

m_static.RedrawWindow();

m_combo.RedrawWindow();