自繪一個item我相信大部分人都在10分鐘內能搞定

但是繪製非item部分的區域，同學們就傻眼了，不知道如何下手

CListCtrl的繪製機制在windows裡做了一個優化，就是一個繪製迴圈通知過程

之所以不在OnPaint中畫是考慮效率上的原因，好了我們看下這個繪製迴圈：

CDDS_PREERASE 準備開始擦除迴圈 

CDDS_POSTERASE 擦除迴圈結束 

CDDS_PREPAINT 準備開始繪製迴圈 

CDDS_POSTPAINT 繪製迴圈結束 

CDDS_ITEM 指定dwItemSpec, uItemState, lItemlParam引數有效 

CDDS_ITEMPREERASE 準備開始列表項擦除 

CDDS_ITEMPREPAINT 準備開始列表項繪製 

CDDS_SUBITEM 指定列表子項 

CDDS_ITEMPOSTERASE 列表項擦除結束 

CDDS_ITEMPOSTPAINT 列表項繪製結束 

我們這裡主要是響應NM_CUSTOMDRAW來實現繪製的

在CDDS_POSTPAINT繪製迴圈結束時我們可以開始繪製非item的部分，如何計算非item的空間請看下面程式碼：

//SkinListCtrl.h

#pragma once // CSkinListCtrl class CSkinListCtrl : public CListCtrl { DECLARE_DYNAMIC(CSkinListCtrl) public: unsigned int LIST_ITEM_HEIGHT; public: CSkinListCtrl(); virtual ~CSkinListCtrl(); protected: DECLARE_MESSAGE_MAP() public: afx_msg void OnNMCustomdraw(NMHDR *pNMHDR, LRESULT *pResult); protected: void Init(); virtual void DrawSubItem(CDC *pDC, int nItem, int nSubItem, CRect &rSubItem, bool bSelected, bool bFocus); virtual void DrawRemainSpace(LPNMLVCUSTOMDRAW lpnmcd); virtual void draw_row_bg(CDC *pDC, RECT rc, bool bSelected, bool bFocus,int nRow); virtual void draw_row_bg(CDC *pDC, RECT rc, bool bSelected, bool bFocus, bool bOdd); void InvalidateItem(int nItem); public: afx_msg void OnLvnItemchanged(NMHDR *pNMHDR, LRESULT *pResult); virtual void PreSubclassWindow(); virtual void DrawItem(LPDRAWITEMSTRUCT /*lpDrawItemStruct*/); };

//SkinListCtrl.cpp

// SkinListCtrl.cpp : implementation file // #include "stdafx.h" #include "SkinListCtrl.h" // CSkinListCtrl IMPLEMENT_DYNAMIC(CSkinListCtrl, CListCtrl) CSkinListCtrl::CSkinListCtrl() { LIST_ITEM_HEIGHT = 20; } CSkinListCtrl::~CSkinListCtrl() { } BEGIN_MESSAGE_MAP(CSkinListCtrl, CListCtrl) ON_NOTIFY_REFLECT(NM_CUSTOMDRAW, &CSkinListCtrl::OnNMCustomdraw) //ON_NOTIFY_REFLECT(LVN_ITEMCHANGED, &CSkinListCtrl::OnLvnItemchanged) END_MESSAGE_MAP() // CSkinListCtrl message handlers void CSkinListCtrl::OnNMCustomdraw(NMHDR *pNMHDR, LRESULT *pResult) { LPNMLVCUSTOMDRAW lpnmcd = (LPNMLVCUSTOMDRAW) pNMHDR; if (lpnmcd ->nmcd.dwDrawStage == CDDS_PREPAINT) { *pResult = CDRF_NOTIFYITEMDRAW | CDRF_NOTIFYPOSTPAINT; return; } else if (lpnmcd->nmcd.dwDrawStage == CDDS_ITEMPREPAINT) { /*CRect rSubItem, rectClient; GetItemRect(lpnmcd->nmcd.dwItemSpec, &rSubItem, LVIR_LABEL); GetClientRect(&rectClient); rSubItem.left = 0; rSubItem.right = rectClient.right; rSubItem.NormalizeRect(); bool bSelected = false; if (GetItemState(lpnmcd->nmcd.dwItemSpec, LVIS_SELECTED)) { bSelected = true; } bool bFocus = false; HWND hWndFocus = ::GetFocus(); if (::IsChild(m_hWnd,hWndFocus) || m_hWnd == hWndFocus) { bFocus = true; } CDC dc; dc.Attach(lpnmcd->nmcd.hdc); draw_row_bg(&dc, rSubItem, bSelected , bFocus, (int) lpnmcd->nmcd.dwItemSpec); dc.Detach();*/ *pResult = CDRF_NOTIFYSUBITEMDRAW; return; } else if (lpnmcd ->nmcd.dwDrawStage == (CDDS_SUBITEM | CDDS_ITEMPREPAINT)) { int iItem = lpnmcd->nmcd.dwItemSpec; int iSubItem = lpnmcd->iSubItem; if (iItem >= 0 && iSubItem >= 0) { CRect rSubItem; HDC hDC = lpnmcd->nmcd.hdc; GetSubItemRect(iItem, iSubItem, LVIR_LABEL,rSubItem); if (iSubItem == 0) { rSubItem.left = 0; } bool bSelected = false; if (GetItemState(iItem, LVIS_SELECTED)) { bSelected = true; } bool bFocus = false; CWnd *pWndFocus = GetFocus(); if (IsChild(pWndFocus) || pWndFocus == this) { bFocus = true; } rSubItem.NormalizeRect(); CDC dc; dc.Attach(lpnmcd->nmcd.hdc); DrawSubItem(&dc,iItem,iSubItem,rSubItem,bSelected,bFocus); dc.Detach(); *pResult = CDRF_SKIPDEFAULT; return; } } else if (lpnmcd ->nmcd.dwDrawStage == CDDS_POSTPAINT) { DrawRemainSpace(lpnmcd); *pResult = CDRF_SKIPDEFAULT; return; } *pResult = 0; } // overwrite: void CSkinListCtrl::DrawSubItem(CDC *pDC, int nItem, int nSubItem, CRect &rSubItem, bool bSelected, bool bFocus) { pDC->SetBkMode(TRANSPARENT); pDC->SetTextColor(RGB(0, 0, 0)); CFont font; font.CreateFont(12, // nHeight 0, // nWidth 0, // nEscapement 0, // nOrientation FW_NORMAL, // nWeight FALSE, // bItalic FALSE, // bUnderline 0, // cStrikeOut ANSI_CHARSET, // nCharSet OUT_DEFAULT_PRECIS, // nOutPrecision CLIP_DEFAULT_PRECIS, // nClipPrecision DEFAULT_QUALITY, // nQuality DEFAULT_PITCH | FF_SWISS, // nPitchAndFamily _T("宋體")); pDC->SelectObject(&font); CString strText; strText = GetItemText(nItem, nSubItem); draw_row_bg(pDC, rSubItem, bSelected, bFocus, nItem); pDC->DrawText(strText, strText.GetLength(), &rSubItem, DT_SINGLELINE | DT_RIGHT | DT_VCENTER | DT_END_ELLIPSIS); } // 畫剩餘部分 void CSkinListCtrl::DrawRemainSpace(LPNMLVCUSTOMDRAW lpnmcd) { int nTop = lpnmcd->nmcd.rc.top; int nCount = GetItemCount(); if (nCount > 0) { CRect rcItem; GetItemRect(nCount - 1, &rcItem, LVIR_LABEL); nTop = rcItem.bottom; } CRect rectClient; GetClientRect(&rectClient); if (nTop < lpnmcd->nmcd.rc.bottom) // 有剩餘 { CRect rcRemain = lpnmcd->nmcd.rc; rcRemain.top = nTop; rcRemain.right = rectClient.right; int nRemainItem = rcRemain.Height() / LIST_ITEM_HEIGHT; if (rcRemain.Height() % LIST_ITEM_HEIGHT) { nRemainItem++; } int pos = GetScrollPos(SB_HORZ); CDC dc; dc.Attach(lpnmcd->nmcd.hdc); for (int i = 0; i < nRemainItem; ++i) { CRect rcItem; rcItem.top = rcRemain.top + i * LIST_ITEM_HEIGHT; rcItem.left = rcRemain.left; rcItem.right = rcRemain.right; rcItem.bottom = rcItem.top + LIST_ITEM_HEIGHT; int nColumnCount = GetHeaderCtrl()->GetItemCount(); CRect rcSubItem; for (int j = 0; j < nColumnCount; ++j) { GetHeaderCtrl()->GetItemRect(j, &rcSubItem); rcSubItem.top = rcItem.top; rcSubItem.bottom = rcItem.bottom; rcSubItem.OffsetRect(-pos, 0); if(rcSubItem.right < rcRemain.left || rcSubItem.left > rcRemain.right) continue; draw_row_bg(&dc, rcSubItem, false, false, i + nCount); } /*if (rcSubItem.right<rectClient.right) { rcSubItem.left=rcSubItem.right; rcSubItem.right=rectClient.right; draw_row_bg(&dc, rcSubItem, false, false, i+nCount); }*/ } dc.Detach(); } } void CSkinListCtrl::draw_row_bg(CDC *pDC, RECT rc, bool bSelected, bool bFocus,int nRow) { bool bOdd = (nRow % 2 == 0 ? true : false); CRect rect = rc; if (rect.Width() == 0) { return; } draw_row_bg(pDC, rc, bSelected,bFocus,bOdd); } void CSkinListCtrl::draw_row_bg(CDC *pDC, RECT rc, bool bSelected, bool bFocus, bool bOdd) { CRect rect = rc; if (rect.Width() == 0) { return; } int nSave = pDC->SaveDC(); if (bSelected) { if (bFocus) { CBrush selectBrush; selectBrush.CreateSolidBrush(RGB(203, 223, 239)); pDC->FillRect(&rc, &selectBrush); } else { CBrush selectNoFocusBrush; selectNoFocusBrush.CreateSolidBrush(RGB(206, 206, 206)); pDC->FillRect(&rc, &selectNoFocusBrush); } } else if (bOdd) { CBrush oddBrush; oddBrush.CreateSolidBrush(RGB(255, 255, 255)); pDC->FillRect(&rc, &oddBrush); } else { CBrush normalBrush; normalBrush.CreateSolidBrush(RGB(243, 243, 243)); pDC->FillRect(&rc, &normalBrush); } // 畫豎線 CPen pen; pen.CreatePen(PS_SOLID, 1, RGB(218, 218, 218)); pDC->SelectObject(&pen); pDC->MoveTo(rc.right - 1, rc.top); pDC->LineTo(rc.right - 1, rc.bottom); // 畫選中的底部分割線 if (bSelected) { CPen bottomPen; bottomPen.CreatePen(PS_SOLID, 1, RGB(255, 255, 255)); pDC->SelectObject(&bottomPen); pDC->MoveTo(rc.left, rc.bottom - 1); pDC->LineTo(rc.right, rc.bottom - 1); } pDC->RestoreDC(nSave); } void CSkinListCtrl::Init() { LOGFONT logfont; memset(&logfont, 0, sizeof(logfont)); logfont.lfWeight = FW_NORMAL; logfont.lfCharSet = GB2312_CHARSET; _tcscpy_s(logfont.lfFaceName, LF_FACESIZE, _T("宋體")); logfont.lfHeight = -(LIST_ITEM_HEIGHT-1); CFont font; font.CreateFontIndirect(&logfont); SetFont(&font); font.Detach(); } void CSkinListCtrl::OnLvnItemchanged(NMHDR *pNMHDR, LRESULT *pResult) { LPNMLISTVIEW pNMLV = reinterpret_cast<LPNMLISTVIEW>(pNMHDR); if (pNMLV->uChanged & LVIF_STATE) { if (((pNMLV->uOldState & LVIS_SELECTED) != (pNMLV->uNewState & LVIS_SELECTED)) || ((pNMLV->uOldState & LVIS_STATEIMAGEMASK) != (pNMLV->uNewState & LVIS_STATEIMAGEMASK))) { InvalidateItem(pNMLV->iItem); } } *pResult = 0; } void CSkinListCtrl::InvalidateItem(int nItem) { CRect rcClient; GetClientRect(&rcClient); CRect rcItem; GetItemRect(nItem, &rcItem, LVIR_BOUNDS); rcItem.left = rcClient.left; rcItem.right = rcClient.right; InvalidateRect(&rcItem,FALSE); } void CSkinListCtrl::PreSubclassWindow() { Init(); CListCtrl::PreSubclassWindow(); } void CSkinListCtrl::DrawItem(LPDRAWITEMSTRUCT /*lpDrawItemStruct*/) { }

看效果圖：

看到了吧 ，非item部分我們也繪製出來了，右邊問號部分我這裡沒做繪製，這部分也可以繪製的，可以把斑馬線頂到最右邊

建立CListCtrl時樣式建議如下：

DWORD dwExtentStyle = m_list.GetExtendedStyle(); m_list.SetExtendedStyle(dwExtentStyle|LVS_EX_FULLROWSELECT|LVS_EX_DOUBLEBUFFER); 

這裡已經畫有網格線進去了，樣式裡就不要加這個網格線樣式了，就是不用加 樣式

OK，後面我們再來畫下headerctrl就很好看了，下一篇中給出原始碼，並結合到CSkinListCtrl中