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

时间: 2024-10-01 22:46:52

CListCtrl的Report风格自绘的相关文章

自绘ListCtrl -- 设置行高

以下是通过重载DramItem()方法来实现自绘, 故需要设置ListCtrl控件属性"Owner Draw Fixed"为TRUE,"Owner Data"为FALSE(默认为FLASE); 1.  准备工作 (1).新建一个MFC类CMyListCtrl,其基类为CListCtrl, (2).将ListCtrl控件属性"Owner Draw Fixed"设置为TRUE,"Owner Data"设置为FALSE(默认为FLA

CListCtrl使用(转)

CListCtrl使用技巧 以下未经说明,listctrl默认view 风格为report 1. CListCtrl 风格 LVS_ICON: 为每个item显示大图标      LVS_SMALLICON: 为每个item显示小图标      LVS_LIST: 显示一列带有小图标的item      LVS_REPORT: 显示item详细资料 直观的理解:windows资源管理器,"查看"标签下的"大图标,小图标,列表,详细资料" 2. 设置listctrl

CListCtrl使用技巧[转]

原文地址:http://www.cnblogs.com/cy163/archive/2006/10/15/529790.html  作者整理的相当好. 以下未经说明,listctrl默认view 风格为report 1. CListCtrl 风格 LVS_ICON: 为每个item显示大图标       LVS_SMALLICON: 为每个item显示小图标       LVS_LIST: 显示一列带有小图标的item       LVS_REPORT: 显示item详细资料 直观的理解:win

MFC CListCtrl的简单用法

一篇对CListCtrl用法介绍较详细的文章: http://www.cnblogs.com/wind-net/archive/2012/10/30/2745817.html CListCtrl的最基本使用方法: 定义样式 DWORD dwStyle = m_listctrl.GetExtendedStyle(); dwStyle |= LVS_EX_FULLROWSELECT;//选中某行使整行高亮(只适用与report风格的listctrl) dwStyle |= LVS_EX_GRIDLI

MFC 记录 CListCtrl 学习使用

1.图标模式 Icon 2.小图标模式 Small Icon 3.列表模式  List 4.报表模式  Report 这里拿Report作为例子: List风格以及扩展风格内容: LONG lStyle; lStyle = GetWindowLong(m_list.m_hWnd, GWL_STYLE);//获取当前窗口style lStyle &= ~LVS_TYPEMASK; //清除显示方式位 lStyle |= LVS_REPORT; //设置style SetWindowLong(m_l

CListCtrl控件使用方法总结(zhuan)

列表控件可以看作是功能增强的ListBox,它提供了四种风格,而且可以同时显示一列的多中属性值.MFC中使用CListCtrl类来封装列表控件的各种操作.通过调用 BOOL Create( DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID )创建一个窗口, dwStyle中可以使用以下一些列表控件的专用风格: ?LVS_ICON LVS_SMALLICON LVS_LIST LVS_REPORT 这四种风格决定控件的外观,同时

MFC的CListCtrl的使用与技巧

http://blog.csdn.net/artechtor/article/details/2508070 列表控件可以看作是功能增强的ListBox,它提供了四种风格,而且可以同时显示一列的多中属性值.MFC中使用CListCtrl类来封装列表控件的各种操作.通过调用 BOOL Create( DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID );创建一个窗口,dwStyle中可以使用以下一些列表控件的专用风格: LVS_

Report List Controls

Report风格的ListCtrl的扩展,原文链接地址:http://www.codeproject.com/Articles/5560/Another-Report-List-Control 1.列排序 BOOL IsSortable() const; // Is sort allowed? BOOL SetSortable(BOOL bSet); // Allow/disallow sorting BOOL IsSortAscending() const; int GetSortedColu

MFC的窗口分割的设计与实现以及CSplitterWnd 类分析

1 引言 在Microsoft VC++ 6.0 中,基于MFC 的应用程序一般分为以下几种:多文档界面(MDI). 单文档界面(SDI)以及基于对话框的应用程序.其中单文档又可分为单视图的和多视图的, 一般情况下,单文档仅需要单视图就够了,如Windows 自带的记事本.画图程序等等,但 在一些情况下,单文档需要多视图支持,比如同时观察文档的不同部分,同时从不同的角度 观察同一文档等. 在MFC 的框架下,文档对象(CDocument)有一个保存其所有视图的列表,并提供了 增加视图(AddVi