CListCtrl的Report风格自绘

原文链接: http://jingyan.baidu.com/article/5bbb5a1b38af1113eaa17910.html

CListCtrl是MFC中运用最广泛的控件之一，很多软件都有CListCtrl的身影，但是对于CListCtrl的自绘，很多朋友都犯了难，网上虽然有很多人讲解怎么自绘，但是实现出的效果都不是太友好，本篇讲解CListCtrl的Report自绘，对于LVS_ICON风格，我们采用窗口模拟进行绘制。先说一下Report重绘的注意事项。

 

 

方法/步骤

1. 1

   CListCtrl控件分为上下两部分，上面的标头位置为标头控件，下方是我们需要绘制的CListCtrl，标头控件我们需要继承CHeaderCtrl进行标头控件的重绘，然后在CListCtrl中我们子类化CHeaderCtrl控件

2. 2

   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

3. 3

   重绘CListCtrl，先将Owner Draw Fixed设为true或者Create的时候添加LVS_OWNERDRAWFIXED属性，目的就是让控件能响应DrawItem从而实现自绘，此处需要注意，对于LVS_ICON风格，DrawItem不会被系统调用，不管是否添加LVS_OWNERDRAWFIXED属性，当然可以通过在WM_PAINT内进行绘制，不过这样会给Report带来诸多的麻烦，所以，我们通过模拟来实现LVS_ICON的绘制

4. 4

   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进行查阅

5. 5

   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);

   }

6. 6

   Check设置，因为我们上面屏蔽了LVS_EX_CHECKBOXES，所以默认情况下，当我们插入节点的时候，默认是被Check的，所以， 还需要重载四个InsertItem函数在里面默认将Check取消掉，例如

   int CSkinListCtrl::InsertItem( const LVITEM* pItem )

   {

   int nResult = __super::InsertItem(pItem);

   SetCheck(pItem->iItem,FALSE);

   return nResult;

   }

7. 7

   关于标头控件节点的拖动，当我们将鼠标放在两个节点的交叉处，鼠标会变成拖动的样式，此时按住左键可以拉伸节点的宽度，但是很多时候我们不想让前面的几个进行拖动，这个时候，我们需要在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;

   }

   END

绘制的步骤

1. 1

   创建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[64];

   for (INT i=0;i<GetItemCount();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;

   }

2. 2

   鼠标按下

   void CSkinHeaderCtrl::OnLButtonDown( UINT nFlags, CPoint point )

   {

   CRect rcItem;

   for (INT i=0;i<GetItemCount();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);

   }

3. 3

   鼠标抬起

   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);

   }

4. 4

   新建CListCtrl的派生类CSkinListCtrl

   struct  tagItemImage

   {

   CImageEx *pImage;

   int nItem;

   };

   typedef vector<tagItemImage> CItemImgArray;

   重点看一下绘制

5. 5

   //绘画函数

   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<nColumnCount;i++)

   {

   //获取位置

   CRect rcSubItem;

   GetSubItemRect(nItemID,i,LVIR_BOUNDS,rcSubItem);

   //绘画判断

   if (rcSubItem.left>rcClipBox.right) break;

   if (rcSubItem.right<rcClipBox.left) continue;

   //绘画数据

   DrawReportItem(&BufferDC,nItemID,rcSubItem,i);

   }

   return;

   }

6. 6

   //绘画数据

   VOID CSkinListCtrl::DrawReportItem(CDC * pDC, INT nItem, CRect & rcSubItem, INT nColumnIndex)

   {

   //获取文字

   TCHAR szString[256]=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;

   }

7. 7

   这里说一下节点的图标，因为每个节点的图标都可能不一样，而且，节点的图标随时可能因为其他的需要发生更换，所以这里我们采用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;

   }

   }

8. 8

   void CSkinListCtrl::OnMouseMove( UINT nFlags, CPoint point )

   {

   CRect rcItem;

   static UINT uOldActiveItem = -1;

   for (int i=0;i<GetItemCount();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资源

9. 9

   void CSkinListCtrl::OnLButtonDown( UINT nFlags, CPoint point )

   {

   if (m_pCheckImg != NULL && !m_pCheckImg->IsNull())

   {

   CRect rcSubItem,rcIcon;

   for (int i=0;i<GetItemCount();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);

   }

10. 10

    关于Report的自绘就完成了，看一下调用过程

    END

调用过程

1. 1

   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);