common control 4.7版本介紹了一個新的特性叫做Custom Draw,這個名字顯得模糊不清,讓人有點摸不著頭腦,而且MSDN里也只給出了一些如風的解釋和例子,沒有誰告訴你你想知道的,和究竟這個特性有什么好處。
Custom draw可以被想象成一個輕量級的,容易使用的重繪方法(重繪方法還有幾種,例如Owner Draw等)。這種容易來自于我們只需要處理一個消息(
NM_CUSTOMDRAW
),就可以讓Windows為你干活了,你就不用被逼去處理"重繪過程"中所有的臟活了。這篇文章的焦點是如何在一個LISTCTRL控件上使用Custom
Draw消息。究其原因,一部分是因為我已經在我的工作上使用了Custom
Draw有一段時間了,我很熟悉它。另一個原因是這個機制確實是非常好用,你只需要寫很少量的代碼就可以達到很好的效果。使用 Custom draw
來對控件外觀編程甚至可以代替很多的古老方法。
以下代碼是在WIN98 和VC6 SP2的環境下寫的,common
controls DLL的版本是5.0。我已經對其在WinNT 4上進行了測試。系統要運行這些代碼,它的common controls
DLL的版本必須至少是4.71。但隨著IE4 的發布,這已經不是問題了。(IE會夾帶著這個DLL一起發布)
Custom Draw 基礎
我將會盡我所能把Custom Draw的處理描述清楚,而不是簡單的引用MSDN的文檔。這些例子都需要你的程序有一個ListCtrl在對話框上,并且這個ListCtrl處于Report和多列模式。
Custom Draw 的消息映射入口
Custom draw 是一個類似于回調的處理過程,Windows在繪制List
Ctrl的某個時間點上通過 Notification
消息通知你的程序,你可以選擇忽略所有的通知(這樣你就會看到標準的ListCtrl),或者處理某部分的繪制(實現簡單的效果),甚至整個的控件都由你
來繪制(就象使用Owner-Drawing一樣)。這個機制的真正賣點是:你只需要實現一些你需要的,其余的可以讓Windows為你代勞。
好了,現在你可以開始為你的ListCtrl添加Custom Draw去做一些個性化的事情了。你首先要有正確的Comm Ctrl Dll版本,然后Windows會為你發送
NM_CUSTOMDRAW
消息,你只需要添加一個處理函數以便開始使用Custom draw。首先添加一個消息映射,象下面一樣:ON_NOTIFY ( NM_CUSTOMDRAW, IDC_MY_LIST, OnCustomdrawMyList )
處理函數的原形如下:
afx_msg void OnCustomdrawMyList ( NMHDR* pNMHDR, LRESULT* pResult );
這就告訴MFC你要處理從你的ListCtrl控件發出的
WM_NOTIFY
消息,ID為IDC_MY_LIST
,通知碼為NM_CUSTOMDRAW
,OnCustomdrawMyList
就是你的處理函數。如果你有一個從ClistCtr派生的類,你想為它添加custom draw,你就可以使用
ON_NOTIFY_REFLECT
來代替。如下:ON_NOTIFY_REFLECT ( NM_CUSTOMDRAW, OnCustomdraw )
OnCustomdraw的原形和上面的函數一致,但它是聲明在你的派生類里的。
Custom
draw將控件的繪制分為兩部分:擦除和繪畫。Windows在每部分的開始和結束都會發送NM_CUSTOMDRAW消息。所以總共就有4個消息。但是
實際上你的程序所收到消息可能就只有1個或者多于四個,這取決于你想要讓WINDOWS怎么做。每次發送消息的時段被稱作為一個“繪畫段”。你必須緊緊抓
住這個概念,因為它貫穿于整個“重繪”的過程。
所以,你將會在以下的時間點收到通知:
l 一個item被畫之前——“繪畫前”段
l 一個item被畫之后——“繪畫后”段
l 一個item被擦除之前——“擦除前”段
l 一個item被擦除之后——“擦除后”段
并不是所有的消息都是一樣有用的,實際上,我不需要處理所有的消息,直到這篇文章完成之前,我還沒使用過擦除前和擦除后的消息。所以,不要被這些消息嚇到你。
NM_CUSTOMDRAW Messages提供給你的信息:
l NM_CUSTOMDRAW消息將會給你提供以下的信息:
l ListCtrl的句柄
l ListCtrl的ID
l 當前的“繪畫段”
l 繪畫的DC,讓你可以用它來畫畫
l 正在被繪制的控件、item、subitem的RECT值
l 正在被繪制的Item的Index值
l 正在被繪制的SubItem的Index值
l 正被繪制的Item的狀態值(selected, grayed, 等等)
l Item的LPARAM值,就是你使用
CListCtrl::SetItemData
所設的那個值上述所有的信息對你來說可能都很重要,這取決于你想實現什么效果,但最經常用到的就是“繪畫段”、“繪畫DC”、“Item Index”、“LPARAM”這幾個值。
一個簡單的例子:
好了,經過上面的無聊的細節之后,我們是時候來看一些簡單的代碼了。第一個例子非常的簡單,它只是改變了一下控件中文字的顏色。
處理的代碼如下:
void CPanel1::OnCustomdrawList ( NMHDR* pNMHDR, LRESULT* pResult )
{
NMLVCUSTOMDRAW* pLVCD = reinterpret_cast<NMLVCUSTOMDRAW*>( pNMHDR );
// Take the default processing unless we set this to something else below.
*pResult = 0;
// First thing - check the draw stage. If it's the control's prepaint
// stage, then tell Windows we want messages for every item.
if ( CDDS_PREPAINT == pLVCD->nmcd.dwDrawStage )
{
*pResult = CDRF_NOTIFYITEMDRAW;
}
else if ( CDDS_ITEMPREPAINT == pLVCD->nmcd.dwDrawStage )
{
// This is the prepaint stage for an item. Here's where we set the
// item's text color. Our return value will tell Windows to draw the
// item itself, but it will use the new color we set here.
// We'll cycle the colors through red, green, and light blue.
COLORREF crText;
if ( (pLVCD->nmcd.dwItemSpec % 3) == 0 )
crText = #ff0000;
else if ( (pLVCD->nmcd.dwItemSpec % 3) == 1 )
crText = #00ff00;
else
crText = #8080ff;
// Store the color back in the NMLVCUSTOMDRAW struct.
pLVCD->clrText = crText;
// Tell Windows to paint the control itself.
*pResult = CDRF_DODEFAULT;
}
}
結果如下,你可以看到行和行間的顏色的交錯顯示,多酷,而這只需要兩個if的判斷就可以做到了。

有一件事情必須記住,在做任何的繪畫之前,你都要檢查正處身的“繪畫段”,因為你的處理函數會接收到非常多的消息,而“繪畫段”將決定你代碼的行為。
一個更小的簡單例子:
下面的例子將演示怎么去處理subitem的繪畫(其實subitem也就是列)
- 在ListCtrl控件繪畫前處理NM_CUSTOMDRAW消息。
- 告訴Windows我們想對每個Item處理NM_CUSTOMDRAW消息。
- 當這些消息中的一個到來,告訴Windows我們想在每個SubItem的繪制前處理這個消息
- 當這些消息到達,我們就為每個SubItem設置文字和背景的顏色。
void CMyDlg::OnCustomdrawMyList ( NMHDR* pNMHDR, LRESULT* pResult )
{
NMLVCUSTOMDRAW* pLVCD = reinterpret_cast<NMLVCUSTOMDRAW*>( pNMHDR );
// Take the default processing unless we set this to something else below.
*pResult = CDRF_DODEFAULT;
// First thing - check the draw stage. If it's the control's prepaint
// stage, then tell Windows we want messages for every item.
if ( CDDS_PREPAINT == pLVCD->nmcd.dwDrawStage )
{
*pResult = CDRF_NOTIFYITEMDRAW;
}
elseif ( CDDS_ITEMPREPAINT == pLVCD->nmcd.dwDrawStage )
{
// This is the notification message for an item. We'll request
// notifications before each subitem's prepaint stage.
*pResult = CDRF_NOTIFYSUBITEMDRAW;
}
elseif ( (CDDS_ITEMPREPAINT | CDDS_SUBITEM) == pLVCD->nmcd.dwDrawStage )
{
// This is the prepaint stage for a subitem. Here's where we set the
// item's text and background colors. Our return value will tell
// Windows to draw the subitem itself, but it will use the new colors
// we set here.
// The text color will cycle through red, green, and light blue.
// The background color will be light blue for column 0, red for
// column 1, and black for column 2.
COLORREF crText, crBkgnd;
if ( 0 == pLVCD->iSubItem )
{
crText = #ff0000;
crBkgnd = #8080ff;
}
elseif ( 1 == pLVCD->iSubItem )
{
crText = #00ff00;
crBkgnd = #ff0000;
}
else
{
crText = #8080ff;
crBkgnd = #000000;
}
// Store the colors back in the NMLVCUSTOMDRAW struct.
pLVCD->clrText = crText;
pLVCD->clrTextBk = crBkgnd;
// Tell Windows to paint the control itself.
*pResult = CDRF_DODEFAULT;
}
}
執行的結果如下:

這里需要注意兩件事:
l clrTextBk的顏色只是針對每一列,在最后一列的右邊那個區域顏色也還是和ListCtrl控件的背景顏色一致。
l 當我重新看文檔的時候,我注意到有一篇題目是“NM_CUSTOMDRAW (list view)”的文章,它說你可以在最開始的custom draw消息中返回CDRF_NOTIFYSUBITEMDRAW就可以處理SubItem了,而不需要在CDDS_ITEMPREPAINT繪畫段中去指定CDRF_NOTIFYSUBITEMDRAW。但是我試了一下,發現這種方法并不起作用,你還是需要處理CDDS_ITEMPREPAINT段。
處理“繪畫之后”的段
到限制為止的例子都是處理“繪畫前”的段,當Windows繪制List Item之前就改變它的外觀。然而,在“繪制前”,你的繪制行為時被限制的,你只能改變字體的顏色或者外觀。如果你想改變圖標的繪制,你可以在“繪畫前”把整個 Item重畫或者在“繪畫后”去做這件事。當你做在繪畫后去做“自定義繪畫”是,你的“繪畫處理函數”就會在Windows畫完整個Item或者SubItem的時候被調用,你就可以隨心所欲的亂畫了!!
在這個例子里,我將創建一個ListCtrl,一般的ListCtrl的Item如果被選擇了,則其Icon也會呈現出被選擇的狀態。而我創建的這個ListCtrl的Icon是不會呈現被選擇的狀態的。步驟如下:
- 對ListCtrl在“繪畫前”處理NM_CUSTOMDRAW消息。
- 告訴Windows我們想在每個Item被畫的時候獲得NM_CUSTOMDRAW消息。
- 當這些消息來臨,告訴Windows我們想在你畫完的時候獲取NM_CUSTOMDRAW消息。
- 當這些消息來到的時候,我們就重新畫每一個Item的圖標。
void CPanel3::OnCustomdrawList ( NMHDR* pNMHDR, LRESULT* pResult )
{
NMLVCUSTOMDRAW* pLVCD = reinterpret_cast<NMLVCUSTOMDRAW*>( pNMHDR );
*pResult = 0;
// If this is the beginning of the control's paint cycle, request
// notifications for each item.
if ( CDDS_PREPAINT == pLVCD->nmcd.dwDrawStage )
{
*pResult = CDRF_NOTIFYITEMDRAW;
}
else if ( CDDS_ITEMPREPAINT == pLVCD->nmcd.dwDrawStage )
{
// This is the pre-paint stage for an item. We need to make another
// request to be notified during the post-paint stage.
*pResult = CDRF_NOTIFYPOSTPAINT;
}
else if ( CDDS_ITEMPOSTPAINT == pLVCD->nmcd.dwDrawStage )
{
// If this item is selected, re-draw the icon in its normal
// color (not blended with the highlight color).
LVITEM rItem;
int nItem = static_cast<int>( pLVCD->nmcd.dwItemSpec );
// Get the image index and state of this item. Note that we need to
// check the selected state manually. The docs _say_ that the
// item's state is in pLVCD->nmcd.uItemState, but during my testing
// it was always equal to 0x0201, which doesn't make sense, since
// the max CDIS_ constant in commctrl.h is 0x0100.
ZeroMemory ( &rItem, sizeof(LVITEM) );
rItem.mask = LVIF_IMAGE | LVIF_STATE;
rItem.iItem = nItem;
rItem.stateMask = LVIS_SELECTED;
m_list.GetItem ( &rItem );
// If this item is selected, redraw the icon with its normal colors.
if ( rItem.state & LVIS_SELECTED )
{
CDC* pDC = CDC::FromHandle ( pLVCD->nmcd.hdc );
CRect rcIcon;
// Get the rect that holds the item's icon.
m_list.GetItemRect ( nItem, &rcIcon, LVIR_ICON );
// Draw the icon.
m_imglist.Draw ( pDC, rItem.iImage, rcIcon.TopLeft(),
ILD_TRANSPARENT );
*pResult = CDRF_SKIPDEFAULT;
}
}
}
重復,custom draw讓我們可以做盡可能少的工作,上面的例子就是讓Windows幫我們做完全部的工作,然后我們就重新對選擇狀態的Item的圖標做重畫,那就是我們看到的那個圖標。執行結果如下:
唯一的不足是,這樣的方法會讓你感覺到一點閃爍。因為圖標被畫了兩次(雖然很快)。
用 Custom Draw 代替 Owner Draw
另外一件優雅的事情就是你可以使用Custom Draw來代替Owner Draw。它們之間的不同在我看來就是:
l 寫Custom Draw的代碼比寫Owner Draw的代碼更容易。
如果你只需要改變某行的外觀,你可以不用管其他的行的繪畫,讓WINDOWS去做就行了。但如果你使用
Owner Draw,你必須要對所有的行作處理。當你想對控件作所有的處理時,你可以在處理NM_CUSTOMDRAW
消息的最后返回CDRF_SKIPDEFAULT,這有點和我們到目前為止所做的有些不同。CDRF_SKIPDEFAULT
告訴Windows由我們來做所有的控件繪畫,你不用管任何事。
我沒有在這里包含這個例子的代碼,因為它有點長,但是你可以一步步地在調試器中調試代碼,你可以看到每一
步發生了什么。如果你把窗口擺放好,讓你可以看到調試器和演示的程序,那在你一步步的調試中,你可以看到
控件每一步的繪制,這里的ListCtrl是很簡單的,只有一列并且沒有列頭,如下:
