一、實現原理
圖中兩個窗口的實現類是從CControlBar派生出來的,我們並不需要從頭到尾實現該類,因爲Cristi Posea先生已經爲我們實現了一個稱爲CSizingControlBar的類,而且做得相當完美!我們所要做的便是好好地利用該類,爲了儘可能地簡潔,筆者將CSizingControlBar類修改了一下並命名爲CCoolBar,接下來我們將詳細介紹如何利用該類實現我們所需的界面。
二、實現步驟示例
[1]前期準備
新建一個名爲BarDemo的MFC工程,SDI界面,其它選項默認。
將本文示例代碼中的sizecbar.h sizecbar.cpp scbarg.h scbarg.cpp 四個文件複製到工程目錄下。
在菜單Project->Add to project->Files將四個文件加入工程中,此時在ClassView中將出現了一個稱爲CCoolBar的類。
在stdafx.h文件中加上
#include "sizecbar.h"
#include "scbarg.h"
[2]開始編碼
2.1 爲CMainFrame增加成員變量
CCoolBar m_wndMyBar1;///我們將它作爲左邊的窗口CCoolBar m_wndMyBar2;///停靠在下方的窗口
以下代碼需要添加到CMainFrame::OnCreate中,方法與普通工具條的創建沒有太大的區別!
2.2 創建ControlBar
if (!m_wndMyBar1.Create(_T("我的控制條"),this,123)) { TRACE0("Failed to create mybar/n"); return -1; } if (!m_wndMyBar2.Create(_T("我的控制條2"),this,CSize(100,100),TRUE,124)){ TRACE0("Failed to create mybar/n"); return -1; }
2.3 停靠控制
m_wndMyBar1.SetBarStyle(m_wndMyBar1.GetBarStyle() | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC); m_wndMyBar2.SetBarStyle(m_wndMyBar2.GetBarStyle() | CBRS_TOOLTIPS |CBRS_FLYBY | CBRS_SIZE_DYNAMIC);m_wndMyBar1.EnableDocking(CBRS_ALIGN_ANY);m_wndMyBar2.EnableDocking(CBRS_ALIGN_ANY);DockControlBar(&m_wndMyBar1, AFX_IDW_DOCKBAR_LEFT);///停靠在左邊DockControlBar(&m_wndMyBar2, AFX_IDW_DOCKBAR_BOTTOM);///停靠在右邊
此時我們已經生成了兩個控制條窗口,但窗口中還沒有任何東西!讓我們來做最後一件事情:往窗口添加所需部件!
2.4 添加我的控件
這個問題看似有些麻煩其實相當簡單:我們只要在創建這些控件時將控制條窗口指針作爲父窗口指針賦值給這些控件即可!
請看如下例子(需要注意的是以下列舉的幾種形式,你只能選擇其一,同時往一個控制條窗口添加多個子窗口將導致失敗!)
(1)將編輯控件放入下面那個控制條窗口中
在CMainFrame類中添加成員變量CEdit m_wndEdit;
在創建ControlBar後創建編輯控件
m_wndEdit.ModifyStyleEx(0,WS_EX_CLIENTEDGE);
(2)將樹型控件放入左邊那個控制條窗口中
在CMainFrame類中添加成員變量 CTreeCtrl m_wndTree;;
在創建ControlBar後創建樹型控件
if (!m_wndTree.Create(WS_CHILD|WS_VISIBLE|
TVS_HASLINES|TVS_HASBUTTONS|TVS_LINESATROOT,
CRect(0, 0, 0, 0), &m_wndMyBar1, 100))
{
TRACE0("Failed to create instant bar child ");
return -1;
}
m_wndTree.ModifyStyleEx(0, WS_EX_CLIENTEDGE);
////往樹型控件添加內容///
HTREEITEM hti = m_wndTree.InsertItem(_T("VC知識庫在線雜誌"));
m_wndTree.InsertItem(_T("電子文檔"));
m_wndTree.InsertItem(_T("在線雜誌第一期"), hti);
m_wndTree.InsertItem(_T("在線雜誌第二期"), hti);
(3)將對話框放入控制條中
首先在資源編輯器裏製作一個CHILD類型的無BORDER對話框,ID爲IDD_DIALOGBAR,並以此作爲模板生成CVCKBASEDlg類,
並在CMainFrame中添加成員變量 CVCKBASEDlg m_wndVCKBASE;然後在創建ControlBar後用如下代碼創建對話框
m_wndVCKBASE.Create(IDD_DIALOGBAR,&m_wndMyBar1);m_wndVCKBASE.ShowWindow(SW_SHOW);
(4)將TabCtrl放入左邊的控制條
本文的示例代碼中提供了一個稱爲CCoolTabCtrl的封裝類,我們用它可以簡單地創建出TabCtrl,先請看如下代碼
/////////////這一段代碼創建樹型控件////////////
if (!m_wndTree.Create(WS_CHILD|WS_VISIBLE|
TVS_HASLINES|TVS_HASBUTTONS|TVS_LINESATROOT,
CRect(0, 0, 0, 0), &m_TabCtrl, 100)) ///注意,這裏是將m_TabCtrl作爲m_wndTree的父窗口
{
TRACE0("Failed to create instant bar child ");
return -1;
}
m_wndTree.ModifyStyleEx(0, WS_EX_CLIENTEDGE);
///往樹型控件添加內容
HTREEITEM hti = m_wndTree.InsertItem(_T("VC知識庫在線雜誌"));
m_wndTree.InsertItem(_T("電子文檔"));
m_wndTree.InsertItem(_T("在線雜誌第一期"), hti);
m_wndTree.InsertItem(_T("在線雜誌第二期"), hti);
///將樹型控件加入到TabCtrl中
m_TabCtrl.AddPage(&m_wndTree,"VC知識庫",IDI_ICON1); ///將樹型控件添加到第一頁
m_TabCtrl.AddPage(RUNTIME_CLASS(CVCKBASEDlg),IDD_DIALOGBAR,"第二頁",IDI_ICON2); ///將CVCKBASEDlg對話框添加到第二頁
m_TabCtrl.AddPage(RUNTIME_CLASS(CMyDlg),IDD_DIALOGBAR2,"第三頁",IDI_ICON3); ///將CMyDlg對話框添加到第三頁
m_TabCtrl.UpdateWindow(); ///更新TabControl
需要注意的是希望添加到TabControl中的對話框,在其類定義,類實現文件中必須添加如下信息:
例如CVCKBASEDlg類,在VCKBASEDlg.h中添加 DECLARE_DYNCREATE(CVCKBASEDlg)
{
// Construction
public:
CVCKBASEDlg(CWnd* pParent = NULL); // standard constructor
DECLARE_DYNCREATE(CVCKBASEDlg)在.CPP中增加 IMPLEMENT_DYNCREATE(CVCKBASEDlg, CDialog)
至此我們已經大功告成!我們可以編譯運行一下看看兩個控制條有沒有創建成功。
哇噻!只用這幾行代碼就實現了夢寐以求的界面!
三、更加高級的話題
3.1 該ControlBar在浮動的時候頂部的把手會消失,變成了普通的ToolWindow類型的標題欄。爲了避免這種情況,我們需要在CMainFrame::OnCreate()中,在EnableDocking()後加入:
3.2 該類的另外一種風格可以
m_pFloatingFrameClass = RUNTIME_CLASS(CSCBMiniDockFrameWnd);
#endif //_SCB_REPLACE_MINIFRAME
並在stdafx.h中加上#define _SCB_REPLACE_MINIFRAME
在stdafx.h中加上 #define _SCB_STYLE_FLAT 產生,您不妨試試!
3.3 如何將兩個ControlBar停靠在同一行中
RecalcLayout();
CRect rect;
m_wndMyBar1.GetWindowRect(rect);
rect.OffsetRect(1, 0);//偏移一個位置
DockControlBar(&m_wndMyBar2, AFX_IDW_DOCKBAR_BOTTOM,rect);///也停靠在底部
3.4 如何將兩個ControlBar停靠在同一列中
RecalcLayout();
CRect rect;
m_wndMyBar1.GetWindowRect(rect);
rect.OffsetRect(0, 1);//看到這裏的區別了嗎
DockControlBar(&m_wndMyBar2, AFX_IDW_DOCKBAR_RIGHT,rect);///也停靠在右邊
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1426103