本文將介紹兩個(gè)可復(fù)用的C++類：CXTOutlookBar 和 CXTPagerCtrl，用它們可以實(shí)現(xiàn)Outlook風(fēng)格的用戶界面，這兩個(gè)類出自Codejock軟件公司，是其產(chǎn)品Xtreme Toolkit的一部分。根據(jù)該公司的許可條款，任何人都可以不受限制地免費(fèi)使用這兩個(gè)類的源代碼。
介紹 CXTOutlookBar類派生于ListBox，主要實(shí)現(xiàn) Outlook 界面式樣控制。CXTPagerCtrl類用于容納和滾動(dòng)CXTOutlookBar窗口，這個(gè)類包裝了與Windows窗口管理有關(guān)的（CWnd）API。兩個(gè)類的使用都很簡單，用法與標(biāo)準(zhǔn)的MFC類庫一樣，沒有什么特別要求。
實(shí)現(xiàn) 本文附帶的例子程序是一個(gè)標(biāo)準(zhǔn)的MFC SDI應(yīng)用程序（如圖一所示），
圖一 例子程序運(yùn)行畫面
這個(gè)程序的主框架是兩個(gè)切分的視圖：左邊的視圖為 COutbarView，它派生于CView，包含Outlook式樣控制機(jī)制和窗口管理；右邊的視圖為應(yīng)用程序向?qū)傻囊曨悾阍趹?yīng)用程序向?qū)е锌梢宰约阂?guī)定這個(gè)類從哪個(gè)基類派生，例子程序是從CListView派生的。如果想在自己的程序中使用Outlook式樣的控制，只要在包含Outlook式樣的視類（如本文例子程序的COutbarView）中聲明實(shí)例即可，例如：
// 屬性
protected:
CXTOutlookBar m_wndOutlookBar;
CXTPagerCtrl m_wndPager;
然后在視類的WM_CREATE/OnCreate消息處理例程中創(chuàng)建窗口控制和Outlook菜單。此時(shí)還要添加Outlook菜單項(xiàng)并對它們進(jìn)行初始化，并設(shè)置好按鈕的尺寸，創(chuàng)建子窗口：
int COutbarView::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
if (CView::OnCreate(lpCreateStruct) == -1)
return -1;
// 創(chuàng)建頁窗口
if (!m_wndPager.Create(WS_CHILD|WS_VISIBLE|PGS_VERT,
CRect(0,0,0,0), this, IDC_PAGER_CTRL ))
{
TRACE0("Failed to create CPagerCtrl...\n");
return -1;
}
// 以m_wndPager作為父窗口創(chuàng)建 Outlook 式樣控制
if (!m_wndOutlookBar.Create( WS_CHILD | WS_VISIBLE | WS_TABSTOP,
CRect(0,0,0,0), &m_wndPager, IDC_OUTBAR ))
{
TRACE0("Failed to create COutlookBar...\n");
return -1;
}
// 設(shè)置接受消息的 CWnd 對象
m_wndOutlookBar.SetOwner(this);
m_wndOutlookBar.SetColors(RGB(0xff,0xff,0xff), RGB(0x3a,0x6e,0xa5));
// 添加 Outlook 控制菜單項(xiàng)
m_wndOutlookBar.AddMenuItem(IDI_ICON_LOGO, _T("我的VC知識庫") ),
m_wndOutlookBar.AddMenuItem(IDI_ICON_NOTES, _T("技術(shù)論壇") ),
m_wndOutlookBar.AddMenuItem(IDI_ICON_JOURNAL, _T("在線雜志") ),
m_wndOutlookBar.AddMenuItem(IDI_ICON_HLIGHT, _T("精華區(qū)") ),
m_wndOutlookBar.AddMenuItem(IDI_ICON_SOURCE, _T("源代碼") ),
m_wndOutlookBar.AddMenuItem(IDI_ICON_COOLLIB, _T("酷庫") ),
m_wndOutlookBar.AddMenuItem(IDI_ICON_VCKBASE, _T("VCKBASE Today")),
m_wndOutlookBar.AddMenuItem(IDI_ICON_PUBLIC, _T("開發(fā)聯(lián)盟") ),
m_wndOutlookBar.AddMenuItem(IDI_ICON_CONTACTS, _T("VC知識庫") ),
m_wndOutlookBar.AddMenuItem(IDI_ICON_DELETED, _T("垃圾箱")),
// 在指定的索引處插入菜單項(xiàng)
m_wndOutlookBar.InsertMenuItem(0, IDI_ICON_INBOX, _T("收件箱") ),
m_wndOutlookBar.InsertMenuItem(1, IDI_ICON_OUTBOX, _T("發(fā)件箱") ),
m_wndOutlookBar.InsertMenuItem(2, IDI_ICON_CALENDAR, _T("日歷") ),
// 設(shè)置 COutlookBar 所管理的子窗口以及按鈕的尺寸（=15）
m_wndPager.SetChild(m_wndOutlookBar.GetSafeHwnd());
m_wndPager.SetButtonSize(15);
return 0;
}
接下來我們對窗口的大小進(jìn)行管理，因此要編寫WM_SIZE/OnSize代碼，這樣將保證視圖大小改變后頁控制會(huì)作相應(yīng)的位置調(diào)整，這一步你可以用類向?qū)碜觥?
void COutbarView::OnSize(UINT nType, int cx, int cy)
{
CView::OnSize(nType, cx, cy);
if(m_wndPager.GetSafeHwnd()) {
m_wndPager.MoveWindow(0,0,cx,cy);
}
}
最后，我們的任務(wù)是添加針對頁控制的PGN_SCROLL和PGN_CALCSIZE消息處理代碼。它告訴我們何時(shí)有頁滾動(dòng)并允許設(shè)置Outlook菜單窗口的可滾動(dòng)尺寸。除了PGN_消息處理之外，我們還需要添加XTWM_OUTBAR_NOTIFY消息處理。它將通知我們何時(shí)用戶點(diǎn)擊了Outlook菜單項(xiàng)。為此在COutbarView類的實(shí)現(xiàn)文件中（.cpp）添加下面的消息映射：
BEGIN_MESSAGE_MAP(COutbarView, CView)
//{{AFX_MSG_MAP(COutbarView)
...
//}}AFX_MSG_MAP
ON_MESSAGE(XTWM_OUTBAR_NOTIFY, OnOutbarNotify)
ON_NOTIFY(PGN_SCROLL, IDC_PAGER_CTRL, OnPagerScroll)
ON_NOTIFY(PGN_CALCSIZE, IDC_PAGER_CTRL, OnPagerCalcSize)
END_MESSAGE_MAP()
同時(shí)在實(shí)現(xiàn)文件中添加下面的成員函數(shù)：
BOOL COutbarView::OnPagerCalcSize(NMPGCALCSIZE* pNMPGCalcSize, LRESULT* pResult)
{
switch(pNMPGCalcSize->dwFlag)
{
case PGF_CALCWIDTH:
break;
case PGF_CALCHEIGHT:
pNMPGCalcSize->iHeight = m_wndOutlookBar.GetCount()
*(::GetSystemMetrics(SM_CYICON)*2);
break;
}
*pResult = 0;
return TRUE;
}
BOOL COutbarView::OnPagerScroll(NMPGSCROLL* /*pNMPGScroll*/, LRESULT* pResult)
{
*pResult = 0;
return TRUE;
}
void COutbarView::OnOutbarNotify(UINT lParam, LONG wParam)
{
switch( wParam ) // 控制 id.
{
case IDC_OUTBAR:
{
// 獲得菜單項(xiàng)
XT_CONTENT_ITEM* pContentItems =
m_wndOutlookBar.GetMenuItem((int)lParam);
ASSERT(pContentItems);
AfxMessageBox(pContentItems->m_strText);
}
break;
}
}
在頭文件中添加
// 產(chǎn)生消息映射函數(shù)
protected:
//{{AFX_MSG(COutbarView)
...
//}}AFX_MSG
afx_msg BOOL OnPagerScroll(NMPGSCROLL* pNMPGScroll, LRESULT * pResult);
afx_msg BOOL OnPagerCalcSize(NMPGCALCSIZE * pNMPGCalcSize, LRESULT* pResult);
DECLARE_MESSAGE_MAP()
大功告成，編譯運(yùn)行程序吧......
雖然這個(gè)例子只是一個(gè)Demo，但你如果有興趣，可以很容易擴(kuò)充它的功能，使它更實(shí)用一些。