SimoneCListCtrl的Report风格自绘
的有关信息介绍如下：
CListCtrl是MFC中运用最广泛的控件之一，很多软件都有CListCtrl的身影，但是对于CListCtrl的自绘，很多朋友都犯了难，网上虽然有很多人讲解怎么自绘，但是实现出的效果都不是太友好，本篇讲解CListCtrl的Report自绘，对于LVS_ICON风格，我们采用窗口模拟进行绘制。先说一下Report重绘的注意事项。
CListCtrl控件分为上下两部分，上面的标头位置为标头控件，下方是我们需要绘制的CListCtrl，标头控件我们需要继承CHeaderCtrl进行标头控件的重绘，然后在CListCtrl中我们子类化CHeaderCtrl控件
CHeaderCtrl控件高度设置，有两种方法
1：通过SetFont强制撑大控件的高度
//创建字体
CFont Font;
Font.CreatePointFont(m_uItemHeight,TEXT("宋体"));
//设置字体
SetFont(&Font);
2：通过HDM_LAYOUT消息修改高度，添加ON_MESSAGE(HDM_LAYOUT, OnLayout)
LRESULT CSkinHeaderCtrl::OnLayout( WPARAM wParam, LPARAM lParam )
{
LRESULT lResult = CHeaderCtrl::DefWindowProc(HDM_LAYOUT, 0, lParam);
HD_LAYOUT &hdl = *( HD_LAYOUT * ) lParam;
RECT *prc = hdl.prc;
WINDOWPOS *pwpos = hdl.pwpos;
int nHeight = 28;
pwpos->cy = nHeight;
prc->top = nHeight;
return lResult;
}
上述代码中设置了控件的高度为28
重绘CListCtrl，先将Owner Draw Fixed设为true或者Create的时候添加LVS_OWNERDRAWFIXED属性，目的就是让控件能响应DrawItem从而实现自绘，此处需要注意，对于LVS_ICON风格，DrawItem不会被系统调用，不管是否添加LVS_OWNERDRAWFIXED属性，当然可以通过在WM_PAINT内进行绘制，不过这样会给Report带来诸多的麻烦，所以，我们通过模拟来实现LVS_ICON的绘制
CListCtrl高度的设置，因为CListCtrl并没有诸如SetItemHeight之类的函数进行节点高度的设置，所以我们必须自己实现这样的功能
void CSkinListCtrl::SetItemHeight( int nHeight )
{
m_nHeightItem = nHeight;
CRect rcWin;
GetWindowRect(&rcWin);
WINDOWPOS wp;
wp.hwnd = m_hWnd;
wp.cx = rcWin.Width();
wp.cy = rcWin.Height();
wp.flags = SWP_NOACTIVATE | SWP_NOMOVE | SWP_NOOWNERZORDER | SWP_NOZORDER;
SendMessage(WM_WINDOWPOSCHANGED, 0, (LPARAM)&wp);
}
同时添加ON_WM_MEASUREITEM_REFLECT消息反射
void CSkinListCtrl::MeasureItem( LPMEASUREITEMSTRUCT lpMeasureItemStruct )
{
if (m_nHeightItem>0)
{
lpMeasureItemStruct->itemHeight = m_nHeightItem;
}
}
这里提到了消息发射，注意区分和消息映射的区别，关于消息反射的概念不做赘述，可以通过MSDN进行查阅
CListCtrl为我们提供了SetExtendedStyle函数可以添加CListCtrl的很多扩展属性，这里强调一点LVS_EX_CHECKBOXES会导致ON_WM_MEASUREITEM_REFLECT消息反射不被接收，LVS_EX_GRIDLINES会造成节点矩形不准确，所以，我们需要重载屏蔽这些属性
DWORD CSkinListCtrl::SetExtendedStyle( DWORD dwNewStyle )
{
if ( dwNewStyle & LVS_EX_CHECKBOXES )
{
dwNewStyle &=~LVS_EX_CHECKBOXES;
dwNewStyle &=~LVS_EX_GRIDLINES;
}
return __super::SetExtendedStyle(dwNewStyle);
}
Check设置，因为我们上面屏蔽了LVS_EX_CHECKBOXES，所以默认情况下，当我们插入节点的时候，默认是被Check的，所以， 还需要重载四个InsertItem函数在里面默认将Check取消掉，例如
int CSkinListCtrl::InsertItem( const LVITEM* pItem )
{
int nResult = __super::InsertItem(pItem);
SetCheck(pItem->iItem,FALSE);
return nResult;
}
关于标头控件节点的拖动，当我们将鼠标放在两个节点的交叉处，鼠标会变成拖动的样式，此时按住左键可以拉伸节点的宽度，但是很多时候我们不想让前面的几个进行拖动，这个时候，我们需要在CHeaderCtrl派生类中重载OnChildNotify函数
BOOL CSkinHeaderCtrl::OnChildNotify(UINT uMessage, WPARAM wParam, LPARAM lParam, LRESULT * pLResult)
{
//变量定义
NMHEADER * pNMHearder=(NMHEADER*)lParam;
//拖动消息
if ((pNMHearder->hdr.code==HDN_BEGINTRACKA)||(pNMHearder->hdr.code==HDN_BEGINTRACKW))
{
//禁止拖动
if (pNMHearder->iItem<(INT)m_uLockCount)
{
*pLResult=TRUE;
return TRUE;
}
}
return __super::OnChildNotify(uMessage,wParam,lParam,pLResult);
}
其中m_uLockCount就是禁止拖动的个数，比如设置为2，则前面2个节点将不能拉伸宽度，我们可以在写一个方法
//设置锁定
VOID CSkinHeaderCtrl::SetLockCount(UINT uLockCount)
{
//设置变量
m_uLockCount=uLockCount;
return;
}
创建CHeaderCtrl的派生类CSkinHeaderCtrl，现在主要看一下OnPaint的绘制
//重画函数
VOID CSkinHeaderCtrl::OnPaint()
{
CPaintDC dc(this);
//获取位置
CRect rcRect;
GetClientRect(&rcRect);
//双缓冲，内存DC
CMemoryDC BufferDC(&dc,rcRect);
//设置 DC
BufferDC.SetBkMode(TRANSPARENT);
BufferDC.SetTextColor(m_colNormalText);
BufferDC.SelectObject(GetCtrlFont());
//绘画背景
if (m_pBackImg != NULL && !m_pBackImg->IsNull())
m_pBackImg->Draw(&BufferDC,rcRect);
if (m_pPressImg != NULL && !m_pPressImg->IsNull() && m_bPress)
{
CRect rcItem;
GetItemRect(m_uActiveItem,&rcItem);
m_pPressImg->Draw(&BufferDC,rcItem);
}
//绘画子项
CRect rcItem;
HDITEM HDItem;
TCHAR szBuffer;
for (INT i=0;i { //构造变量 HDItem.mask=HDI_TEXT; HDItem.pszText=szBuffer; HDItem.cchTextMax=CountArray(szBuffer); //获取信息 GetItem(i,&HDItem); GetItemRect(i,&rcItem); if (m_pGridImg != NULL && !m_pGridImg->IsNull()) m_pGridImg->DrawImage(&BufferDC,(rcItem.right-m_pGridImg->GetWidth()),(rcItem.Height()-m_pGridImg->GetHeight())/2); //绘画标题 rcItem.DeflateRect(3,1,3,1); BufferDC.DrawText(szBuffer,lstrlen(szBuffer),&rcItem,DT_END_ELLIPSIS|DT_SINGLELINE|DT_VCENTER|DT_CENTER); } return; } 鼠标按下 void CSkinHeaderCtrl::OnLButtonDown( UINT nFlags, CPoint point ) { CRect rcItem; for (INT i=0;i { GetItemRect(i,&rcItem); if ( PtInRect(&rcItem,point) ) { m_bPress = true; m_uActiveItem = i; break; } } RedrawWindow(NULL,NULL,RDW_FRAME|RDW_INVALIDATE|RDW_ERASE|RDW_ERASENOW); __super::OnLButtonDown(nFlags, point); } 鼠标抬起 void CSkinHeaderCtrl::OnLButtonUp( UINT nFlags, CPoint point ) { m_bPress = false; RedrawWindow(NULL,NULL,RDW_FRAME|RDW_INVALIDATE|RDW_ERASE|RDW_ERASENOW); __super::OnLButtonUp(nFlags, point); } 新建CListCtrl的派生类CSkinListCtrl struct tagItemImage { CImageEx *pImage; int nItem; }; typedef vector 重点看一下绘制 //绘画函数 VOID CSkinListCtrl::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct) { //变量定义 CRect rcItem=lpDrawItemStruct->rcItem; CDC * pDC=CDC::FromHandle(lpDrawItemStruct->hDC); CMemoryDC BufferDC(pDC,rcItem); //获取属性 INT nItemID=lpDrawItemStruct->itemID; INT nColumnCount=m_SkinHeaderCtrl.GetItemCount(); //绘画区域 CRect rcClipBox; BufferDC.GetClipBox(&rcClipBox); //设置环境 BufferDC.SetBkMode(TRANSPARENT); BufferDC.SetTextColor(m_colNormalText); BufferDC.SelectObject(GetCtrlFont()); BufferDC->FillSolidRect(&rcItem,m_colBack); //绘画焦点 if (lpDrawItemStruct->itemState&ODS_SELECTED) { if (m_pSelectImg != NULL && !m_pSelectImg->IsNull()) m_pSelectImg->Draw(&BufferDC,rcItem); } else if ( m_uActiveItem == nItemID ) { if (m_pHovenImg != NULL && !m_pHovenImg->IsNull()) m_pHovenImg->Draw(&BufferDC,rcItem); } //绘画子项 for (INT i=0;i { //获取位置 CRect rcSubItem; GetSubItemRect(nItemID,i,LVIR_BOUNDS,rcSubItem); //绘画判断 if (rcSubItem.left>rcClipBox.right) break; if (rcSubItem.right //绘画数据 DrawReportItem(&BufferDC,nItemID,rcSubItem,i); } return; } //绘画数据 VOID CSkinListCtrl::DrawReportItem(CDC * pDC, INT nItem, CRect & rcSubItem, INT nColumnIndex) { //获取文字 TCHAR szString=TEXT(""); GetItemText(nItem,nColumnIndex,szString,CountArray(szString)); //绘画文字 rcSubItem.left+=5; //绘制CheckButton if( nColumnIndex == 0 ) { if ((m_pCheckImg != NULL && !m_pCheckImg->IsNull()) && (m_pUnCheckImg != NULL && !m_pUnCheckImg->IsNull())) { if( GetCheck(nItem) ) m_pCheckImg->DrawImage(pDC,rcSubItem.left+2,rcSubItem.top+(rcSubItem.Height()-m_pCheckImg->GetHeight())/2); else m_pUnCheckImg->DrawImage(pDC,rcSubItem.left+2,rcSubItem.top+(rcSubItem.Height()-m_pUnCheckImg->GetHeight())/2); rcSubItem.left+=(8+m_pCheckImg->GetWidth()); } CItemImgArray::iterator iter = m_ItemImgArray.begin(); for (;iter != m_ItemImgArray.end(); ++iter ) { if ( iter->nItem == nItem ) { CImageEx *pImage = iter->pImage; if (pImage != NULL && !pImage->IsNull()) { pImage->DrawImage(pDC,rcSubItem.left+2,rcSubItem.top+(rcSubItem.Height()-pImage->GetHeight())/2); rcSubItem.left+=(8+pImage->GetWidth()); } break; } } } pDC->DrawText(szString,lstrlen(szString),&rcSubItem,DT_VCENTER|DT_SINGLELINE|DT_END_ELLIPSIS); return; } 这里说一下节点的图标，因为每个节点的图标都可能不一样，而且，节点的图标随时可能因为其他的需要发生更换，所以这里我们采用vector进行图标的管理， BOOL CSkinListCtrl::InsertImage( int nItem,LPCTSTR lpszFileName ) { CItemImgArray::iterator iter = m_ItemImgArray.begin(); for (;iter != m_ItemImgArray.end(); ++iter ) { if ( iter->nItem == nItem ) { //当该节点存在图片时，我们更新新的图片资源 if( iter->pImage != NULL ) { RenderEngine->RemoveImage(iter->pImage); iter->pImage = RenderEngine->GetImage(lpszFileName); return TRUE; } } } tagItemImage ItemImage; //设置数据 ItemImage.nItem = nItem; ItemImage.pImage = RenderEngine->GetImage(lpszFileName); if (NULL == ItemImage.pImage) return FALSE; else { m_ItemImgArray.push_back(ItemImage); return TRUE; } } void CSkinListCtrl::OnMouseMove( UINT nFlags, CPoint point ) { CRect rcItem; static UINT uOldActiveItem = -1; for (int i=0;i { GetItemRect(i,rcItem,LVIR_BOUNDS); if ( PtInRect(&rcItem,point) ) { m_uActiveItem = i; if( uOldActiveItem != m_uActiveItem ) { uOldActiveItem = m_uActiveItem; Invalidate(FALSE); } break; } } __super::OnMouseMove(nFlags, point); } 这里注意，我们设置了一个静态变量来保存之前鼠标移动过的节点，此变量的意义很简单，因为无法保证用户是不是在同一个节点晃动鼠标，如果只要监听到鼠标移动消息就进行刷新，这样的话会消耗过多的cpu资源 void CSkinListCtrl::OnLButtonDown( UINT nFlags, CPoint point ) { if (m_pCheckImg != NULL && !m_pCheckImg->IsNull()) { CRect rcSubItem,rcIcon; for (int i=0;i { GetItemRect(i,rcSubItem,LVIR_BOUNDS); rcIcon.left = rcSubItem.left+7; rcIcon.top = rcSubItem.top+(rcSubItem.Height()-m_pCheckImg->GetHeight())/2; rcIcon.right = rcIcon.left + m_pCheckImg->GetWidth(); rcIcon.bottom = rcIcon.top + m_pCheckImg->GetHeight(); if ( PtInRect(&rcIcon,point) ) { SetCheck(i,!GetCheck(i)); SetItemState(i, LVIS_FOCUSED | LVIS_SELECTED,LVIS_FOCUSED | LVIS_SELECTED); SetSelectionMark(i); Invalidate(FALSE); break; } } } __super::OnLButtonDown(nFlags, point); } 关于Report的自绘就完成了，看一下调用过程 m_ListCtrl5.m_SkinHeaderCtrl.SetBackImage(TEXT("Res\\ListCtrl\\folder_nav_item_bg_hover.png"),&CRect(2,2,2,2)); m_ListCtrl5.m_SkinHeaderCtrl.SetPressImage(TEXT("Res\\ListCtrl\\folder_nav_item_bg_pressed.png"),&CRect(2,2,2,2)); m_ListCtrl5.m_SkinHeaderCtrl.SetGridImage(TEXT("Res\\ListCtrl\\category_sep.png")); m_ListCtrl5.SetHovenImage(TEXT("Res\\ListCtrl\\item_bg_hover.png"),&CRect(2,2,2,2)); m_ListCtrl5.SetSelectImage(TEXT("Res\\ListCtrl\\item_bg_selected.png"),&CRect(2,2,2,2)); m_ListCtrl5.SetCheckImage(TEXT("Res\\ListCtrl\\check.png"),TEXT("Res\\ListCtrl\\uncheck.png")); m_ListCtrl5.SetScrollImage(&m_ListCtrl5,TEXT("Res\\Scroll\\SKIN_SCROLL.bmp")); m_ListCtrl5.InsertColumn( 0, TEXT("文件名"), LVCFMT_LEFT, 150 ); m_ListCtrl5.InsertColumn( 1, TEXT("大小"), LVCFMT_LEFT, 100 ); m_ListCtrl5.InsertColumn( 2, TEXT("修改时间"), LVCFMT_LEFT, 150 ); for (int i=0;i<8;i++) { m_ListCtrl5.InsertItem(i,TEXT("跟我学MFC.zip")); m_ListCtrl5.SetItemText(i,1,TEXT("126MB")); m_ListCtrl5.SetItemText(i,2,TEXT("2013-10-17 18:13")); } m_ListCtrl5.InsertImage(0,TEXT("Res\\ListCtrl\\DocType.png")); m_ListCtrl5.InsertImage(1,TEXT("Res\\ListCtrl\\FolderType.png")); m_ListCtrl5.InsertImage(2,TEXT("Res\\ListCtrl\\ImgType.png")); m_ListCtrl5.InsertImage(3,TEXT("Res\\ListCtrl\\PdfType.png")); m_ListCtrl5.InsertImage(4,TEXT("Res\\ListCtrl\\PptType.png")); m_ListCtrl5.InsertImage(5,TEXT("Res\\ListCtrl\\RarType.png")); //m_ListCtrl5.InsertImage(6,TEXT("Res\\ListCtrl\\VsdType.png")); m_ListCtrl5.InsertImage(7,TEXT("Res\\ListCtrl\\VideoType.png")); //更新资源图片 m_ListCtrl5.InsertImage(0,TEXT("Res\\ListCtrl\\VideoType.png")); m_ListCtrl5.SetItemHeight(30); //标头控件禁止拖动 //m_ListCtrl6.m_SkinHeaderCtrl.EnableWindow(FALSE); //让第一个节点禁止拖动 m_ListCtrl6.m_SkinHeaderCtrl.SetLockCount(1);
