自绘工具条

  

自绘工具条

      

      

     

       工具条总是界面设计中首先考虑的对象。它可以完成菜单的功能，并以绚丽的图标装饰，同时能够停靠和浮动。 MFC 实现了多种工具条封装类，如 CToolBar 、 CReBar 、 CDialogBar 、 CToolBarCtrl 等，它们可以实现不同特性的工具栏。如 CToolBar 可以停靠浮动， CReBar 可以伸缩， CDialogBar 可以包含子控件等。前三者都派生于 CControlBar ， CToolBarCtrl 派生于 CWnd 类。

 

制作自绘的工具条，我这里用的是 CToolBar 类。

1. 首先从 CToolBar 类派生一个类 DToolBar 。把 CMainFrame 中的“ CToolBar    m_wndToolBar; ”注释掉，添加 DToolBar m_wndToolBar; 并把 CMainFrame::OnCreate() 函数中的

//     if (!m_wndToolBar.CreateEx(this, TBSTYLE_FLAT, WS_CHILD | WS_VISIBLE | CBRS_TOP

//            | CBRS_GRIPPER | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC) /*||

//            !m_wndToolBar.LoadToolBar(IDR_MAINFRAME)*/)

//     {

//            TRACE0("Failed to create toolbar/n");

//            return -1;      // fail to create

//     }

注释掉。

2. 在 CMainFrame 中建立函数    BOOL CreateExToolBar();

BOOL CMainFrame::CreateExToolBar()

{

       CImageList img;

       CString str;

      

       if(!m_wndToolBar.CreateEx(this,TBSTYLE_FLAT,WS_CHILD|WS_VISIBLE|CBRS_TOP|CBRS_GRIPPER | CBRS_FLYBY | CBRS_SIZE_DYNAMIC))

       {

              return -1;     

       }

      

       // 下面的代码是设置按钮的最大和最小宽度

       m_wndToolBar.GetToolBarCtrl().SetButtonWidth(50,90);

       // 下面的代码是设置 " 热 " 的位图

       img.Create(25, 25, ILC_COLOR16|ILC_MASK,2,2);

       img.SetBkColor(::GetSysColor(COLOR_BTNFACE));

       img.Add(AfxGetApp()->LoadIcon(IDI_NEW));

    img.Add(AfxGetApp()->LoadIcon(IDI_OPEN));

       img.Add(AfxGetApp()->LoadIcon(IDI_SAVE));

       img.Add(AfxGetApp()->LoadIcon(IDI_HOME));

    img.Add(AfxGetApp()->LoadIcon(IDI_MAIL));

       img.Add(AfxGetApp()->LoadIcon(IDI_FAVORITE));

   

       m_wndToolBar.GetToolBarCtrl().SetHotImageList(&img);

       img.Detach();    

      

       // 下面的代码是设置 " 冷 " 的位图

       img.Create(23, 23, ILC_COLOR16|ILC_MASK, 2,2);

       img.SetBkColor(::GetSysColor(COLOR_BTNFACE));

       img.Add(AfxGetApp()->LoadIcon(IDI_NEW));

    img.Add(AfxGetApp()->LoadIcon(IDI_OPEN));

       img.Add(AfxGetApp()->LoadIcon(IDI_SAVE));

       img.Add(AfxGetApp()->LoadIcon(IDI_HOME));

    img.Add(AfxGetApp()->LoadIcon(IDI_MAIL));

       img.Add(AfxGetApp()->LoadIcon(IDI_FAVORITE));

   

       m_wndToolBar.GetToolBarCtrl().SetImageList(&img);

       img.Detach();

      

       // 改变属性

   m_wndToolBar.ModifyStyle(0,TBSTYLE_FLAT|TBSTYLE_TRANSPARENT);

// 去掉 CBRS_CHECK, 并在 DToolBar 中重载 OnUpdateCmdUI, 就可以使没有消息映射的按钮正常显示

       m_wndToolBar.SetButtons(NULL,6); // 为按钮分配空间     

       // set up each toolbar button 设置文字  

       m_wndToolBar.SetButtonInfo(0, ID_FILE_NEW, TBSTYLE_BUTTON, 0);

       m_wndToolBar.SetButtonText(0, " 新建 ");

   

       m_wndToolBar.SetButtonInfo(1, ID_FILE_OPEN, TBSTYLE_BUTTON, 1);

       m_wndToolBar.SetButtonText(1, " 打开 ");

 

       m_wndToolBar.SetButtonInfo(2, ID_FILE_SAVE, TBSTYLE_BUTTON, 2);

       m_wndToolBar.SetButtonText(2, " 保存 ");

 

       m_wndToolBar.SetButtonInfo(3, IDC_HOME, TBSTYLE_BUTTON, 3);

       m_wndToolBar.SetButtonText(3, " 主页 ");     

      

       m_wndToolBar.SetButtonInfo(4, IDC_MAIL, TBSTYLE_BUTTON, 4);

       m_wndToolBar.SetButtonText(4, " 邮件 ");

      

       m_wndToolBar.SetButtonInfo(5,IDC_FAVORITE, TBSTYLE_BUTTON, 5);

       m_wndToolBar.SetButtonText(5," 收藏 ");

      

    CRect rectToolBar;

       // 得到按钮的大小

       m_wndToolBar.GetItemRect(0, &rectToolBar);

       // 设置按钮的大小和位图大小

       m_wndToolBar.SetSizes(rectToolBar.Size(), CSize(23,23));

       return TRUE;

}

3. 如果你的按钮没有添加消息相应函数，但是你仍然希望 DToolBar 中的按钮能够正常显示出图片的话，不要忘了在 DtoolBar 中添加一个虚函数     virtual void OnUpdateCmdUI(CFrameWnd* pTarget,BOOL bDisableIfNoHndler); 就可以了。

4. 在 CmainFrame::OnCreate() 函数中添加一下代码，实现 DtoolBar 的创建。

if (!this->CreateExToolBar())

              return -1;

这样一个可以根据你自己的需要添加不同的图标，可以浮动停靠的工具栏就做好了。很简单。