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();