CListCtrl实现合并单元格的效果

柔光的暖阳◎ 2022-09-02 12:00 268阅读 0赞

**目录**

1.合并后文本显示的位置不变

1.1界面展示

1.2 AutoScanTable.h

1.3 AutoScanTable.cpp

1.4 创建表格并添加内容

1.5 核心代码说明

2.合并后文本居中显示

2.1 界面展示

2.2 AutoScanTable.cpp

--------------------

# 1.合并后文本显示的位置不变 #

## 1.1界面展示 ##

下图中第2行是合并后的效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70][]

## 1.2 AutoScanTable.h ##

#pragma once
    
    class AutoScanTable : public CListCtrl
    {
    public:
        enum ROWTYPE
        {
            AUTOSCAN_ROW_NORMAL = 0,
            AUTOSCAN_ROW_DTC = 1
        };
    
    private:
        unsigned int m_uRowHeight;
        CRect m_listRect;
    
    public:
    	AutoScanTable();
    	virtual ~AutoScanTable();    
    
    protected:
    	virtual void DoDataExchange(CDataExchange* pDX);
    
    	DECLARE_MESSAGE_MAP()
    public:
        void SetRowHeigt(int nHeight);
        virtual void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct);
    
        afx_msg void MeasureItem(LPMEASUREITEMSTRUCT lpMeasureItemStruct);
        afx_msg void OnMeasureItem(int nIDCtl, LPMEASUREITEMSTRUCT lpMeasureItemStruct);        
        afx_msg void OnSize(UINT nType, int cx, int cy);
    };

## 1.3 AutoScanTable.cpp ##

#include "stdafx.h"
    #include "MainDisplay.h"
    #include "AutoScanTable.h"
    
    
    AutoScanTable::AutoScanTable()
    {
        m_uRowHeight = 60;
    }
    
    AutoScanTable::~AutoScanTable()
    {
    }
    
    void AutoScanTable::DoDataExchange(CDataExchange* pDX)
    {
        CListCtrl::DoDataExchange(pDX);
    }
    
    BEGIN_MESSAGE_MAP(AutoScanTable, CListCtrl)
        ON_WM_MEASUREITEM_REFLECT()
        ON_WM_MEASUREITEM()
        ON_WM_DRAWITEM()
        ON_WM_SIZE()
    END_MESSAGE_MAP()
    
    void AutoScanTable::SetRowHeigt(int nHeight)
    {
        m_uRowHeight = 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);
    }
    
    void AutoScanTable::OnMeasureItem(int nIDCtl, LPMEASUREITEMSTRUCT lpMeasureItemStruct)
    {
        CListCtrl::OnMeasureItem(nIDCtl, lpMeasureItemStruct);
    }
    
    void AutoScanTable::MeasureItem(LPMEASUREITEMSTRUCT lpMeasureItemStruct)
    {
        lpMeasureItemStruct->itemHeight = m_uRowHeight;
    }
    
    void AutoScanTable::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
    {
        CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);
        LVITEM lvi = { 0 };
        lvi.mask = LVIF_STATE;//|LVIF_IMAGE; 
        lvi.stateMask = LVIS_FOCUSED | LVIS_SELECTED;
        lvi.iItem = lpDrawItemStruct->itemID;
        BOOL bGet = GetItem(&lvi);
    
        BOOL bSelect = ((lvi.state & LVIS_DROPHILITED) || ((lvi.state & LVIS_SELECTED)
            && ((GetFocus() == this) || (GetStyle() & LVS_SHOWSELALWAYS))));
    
        //画文本背景 
        CRect bgRect = lpDrawItemStruct->rcItem;
    
        if (bSelect)//设置选中颜色
        {
            pDC->SetTextColor(RGB(255, 255, 255));//白色文本
            pDC->FillRect(bgRect, &CBrush(RGB(88, 88, 88)));//深灰色背景
        }
        else
        {
            int iRow = lvi.iItem;
            if (iRow % 2 == 0)//设置偶数行文字颜色和背景颜色
            {
                pDC->SetTextColor(RGB(0, 0, 0));//黑色文本
                pDC->FillRect(bgRect, &CBrush(RGB(128, 128, 128))); //灰色背景
            }
            else//设置奇数行文字颜色和背景颜色
            {
                pDC->SetTextColor(RGB(0, 0, 0));//黑色文本
                pDC->FillRect(bgRect, &CBrush(RGB(227, 227, 227))); //白色背景
            }
        }
    
        LVITEM itemParam;
        itemParam.iItem = lpDrawItemStruct->itemID;
        itemParam.iSubItem = 0;
        GetItem(&itemParam);
    
        //绘制文本
        if (lpDrawItemStruct->itemAction & ODA_DRAWENTIRE)
        {
            //得到列数
            //int nCollumn = GetHeaderCtrl()->GetItemCount();
    
            //循环处理
            CString szText;
            for (int i = 0; i < GetHeaderCtrl()->GetItemCount(); i++)
            {
                CRect rcItem;
                if (!GetSubItemRect(lpDrawItemStruct->itemID, i, LVIR_LABEL, rcItem))
                {
                    continue;
                }
    
                if ((0 != i) && (AUTOSCAN_ROW_NORMAL == itemParam.lParam))
                {
                    CPen pen(PS_SOLID, 1, RGB(255, 255, 255));
                    pDC->SelectObject(&pen);
                    CBrush *pBrush = CBrush::FromHandle((HBRUSH)GetStockObject(NULL_BRUSH));
                    pDC->SelectObject(pBrush);
                    pDC->Rectangle(rcItem);
                }
    
                szText = GetItemText(lpDrawItemStruct->itemID, i);
                rcItem.left += 5; rcItem.right -= 1;
                pDC->DrawText(szText, lstrlen(szText), &rcItem,
                    DT_LEFT | DT_VCENTER | DT_NOPREFIX | DT_SINGLELINE);
            }
        }
    }
    
    void AutoScanTable::OnSize(UINT nType, int cx, int cy)
    {
        CListCtrl::OnSize(nType, cx, cy);
        ShowScrollBar(SB_HORZ, FALSE);//隐藏水平滚动条
    }

## 1.4 创建表格并添加内容 ##

m_listCtrl.Create(WS_BORDER | WS_VISIBLE | LVS_REPORT | LVS_SHOWSELALWAYS
            | LVS_NOCOLUMNHEADER | LVS_OWNERDRAWFIXED, rect, this, IDC_LISTCTRL);
        //m_listCtrl.SetExtendedStyle(LVS_EX_FULLROWSELECT | LVS_EX_GRIDLINES | WS_VSCROLL);
        m_listCtrl.SetExtendedStyle(LVS_EX_FULLROWSELECT | WS_VSCROLL);
        m_listCtrl.SetBkColor(RGB(227, 227, 227));
        m_listCtrl.MoveWindow(GetClientRectEx());
    
        m_listCtrl.InsertColumn(0, _T(""), LVCFMT_LEFT, 0);//第0列无法居中显示，一般将其隐藏
        m_listCtrl.InsertColumn(1, _T("No"), LVCFMT_LEFT, 30); // 插入第2列的列名
        m_listCtrl.InsertColumn(2, _T("Name"), LVCFMT_LEFT, 450); // 插入第3列的列名
        m_listCtrl.InsertColumn(3, _T("State"), LVCFMT_LEFT, 70); // 插入第4列的列名
        m_listCtrl.InsertColumn(4, _T("Operation"), LVCFMT_LEFT, 90); // 插入第4列的列名
        m_listCtrl.SetColumnWidth(4, LVSCW_AUTOSIZE_USEHEADER);
    
        CString strNo;
        CString strName;
        CString strState;
        CString strOpt;
        
        for (int i = 0; i <= 2; i++) {
            strNo.Format(_T("%d"), i);
            strName.Format(_T("Ecu%d"), i);
            strState.Format(_T("未扫描"), 20 + i);
            strOpt = _T("进入系统");
            
            LVITEM *item = new LVITEM;
            if (1 == i)
            {
                item->lParam = AutoScanTable::AUTOSCAN_ROW_DTC;
            } 
            else
            {
                item->lParam = AutoScanTable::AUTOSCAN_ROW_NORMAL;
            }
            
            item->iItem = i;
            item->iSubItem = 0;
            item->mask = LVIF_PARAM;
    
            m_listCtrl.InsertItem(item);
            //m_listCtrl.InsertItem(i, _T("")); // 插入行
            m_listCtrl.SetItemText(i, 1, strNo);
            m_listCtrl.SetItemText(i, 2, strName);
            m_listCtrl.SetItemText(i, 3, strState);
            m_listCtrl.SetItemText(i, 4, strOpt);
        }

## 1.5 核心代码说明 ##

**创建表格时：**

m_scanList.Create(WS_BORDER | WS_VISIBLE | LVS_REPORT 
            | LVS_NOCOLUMNHEADER | LVS_OWNERDRAWFIXED, rect, this, IDC_LISTCTRL);
    
    
    //m_scanList.SetExtendedStyle(LVS_EX_FULLROWSELECT | LVS_EX_GRIDLINES | WS_VSCROLL);
    
    //设置表格扩展样式时，千万不要加LVS_EX_GRIDLINES，此参数会给表格自动加上白色的网格线，不容易去掉
    m_scanList.SetExtendedStyle(LVS_EX_FULLROWSELECT | WS_VSCROLL);

**往表格中插入行时**：

LVITEM *item = new LVITEM;
    if (1 == i)
    {
        //因为只会合并部分单元格，所以哪些单元格是需要合并的，我们可以在这里指定一个标识来区分
        item->lParam = AutoScanTable::AUTOSCAN_ROW_DTC;
    } 
    else
    {
        item->lParam = AutoScanTable::AUTOSCAN_ROW_NORMAL;
    }
    
    item->iItem = i;//行号
    item->iSubItem = 0;//列号
    item->mask = LVIF_PARAM;//这里必须用LVIF_PARAM，以使得能传递item->lParam的值
    
    m_listCtrl.InsertItem(item);//插入一行

**绘制单元格时**：

//获取单元格信息，以读取itemParam.lParam
    LVITEM itemParam;
    itemParam.iItem = lpDrawItemStruct->itemID;
    itemParam.iSubItem = 0;
    GetItem(&itemParam);
    
    ...
    
    //在插入表格的行时，设置了itemParam.lParam，这里通过此值来判断是否为待合并的单元格
    //不需要合并的单元格不会执行下面的代码
    if ((0 != i) && (AUTOSCAN_ROW_NORMAL == itemParam.lParam))
    {
        CPen pen(PS_SOLID, 1, RGB(255, 255, 255));
        pDC->SelectObject(&pen);
        CBrush *pBrush = CBrush::FromHandle((HBRUSH)GetStockObject(NULL_BRUSH));
        pDC->SelectObject(pBrush);
        pDC->Rectangle(rcItem);//绘制一个白色边框的矩形
    }

# 2.合并后文本居中显示 #

## 2.1 界面展示 ##

下图中第2行是合并后的效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70 1][]

## 2.2 AutoScanTable.cpp ##

要实现上面的效果，只需要拷贝本文“1.3章节”的代码，然后修改一下下面这个函数：

void AutoScanTable::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)

void AutoScanTable::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
    {
        CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);
        LVITEM lvi = { 0 };
        lvi.mask = LVIF_STATE;//|LVIF_IMAGE; 
        lvi.stateMask = LVIS_FOCUSED | LVIS_SELECTED;
        lvi.iItem = lpDrawItemStruct->itemID;
        BOOL bGet = GetItem(&lvi);
    
        BOOL bSelect = ((lvi.state & LVIS_DROPHILITED) || ((lvi.state & LVIS_SELECTED)
            && ((GetFocus() == this) || (GetStyle() & LVS_SHOWSELALWAYS))));
    
        //画文本背景 
        CRect bgRect = lpDrawItemStruct->rcItem;
    
        if (bSelect)//设置选中颜色
        {
            pDC->SetTextColor(RGB(255, 255, 255));//白色文本
            pDC->FillRect(bgRect, &CBrush(RGB(88, 88, 88)));//深灰色背景
        }
        else
        {
            int iRow = lvi.iItem;
            if (iRow % 2 == 0)//设置偶数行文字颜色和背景颜色
            {
                pDC->SetTextColor(RGB(0, 0, 0));//黑色文本
                pDC->FillRect(bgRect, &CBrush(RGB(128, 128, 128))); //灰色背景
            }
            else//设置奇数行文字颜色和背景颜色
            {
                pDC->SetTextColor(RGB(0, 0, 0));//黑色文本
                pDC->FillRect(bgRect, &CBrush(RGB(227, 227, 227))); //白色背景
            }
        }
    
        LVITEM itemParam;
        itemParam.iItem = lpDrawItemStruct->itemID;
        itemParam.iSubItem = 0;
        GetItem(&itemParam);
    
        //绘制文本
        if (lpDrawItemStruct->itemAction & ODA_DRAWENTIRE)
        {
            //得到列数
            //int nCollumn = GetHeaderCtrl()->GetItemCount();
    
            //循环处理
            CString szText;
            CRect totalRect;
            for (int i = 0; i < GetHeaderCtrl()->GetItemCount(); i++)
            {
                CRect rcItem;
                if (!GetSubItemRect(lpDrawItemStruct->itemID, i, LVIR_LABEL, rcItem))
                {
                    continue;
                }
    
                //记录单元格位置
                if (0 == i)
                {
                    totalRect = rcItem;
                } 
                else
                {
                    totalRect.right = rcItem.right;
                    totalRect.bottom = rcItem.bottom;
                }
    
                if ((0 != i) && (AUTOSCAN_ROW_NORMAL == itemParam.lParam))
                {
                    CPen pen(PS_SOLID, 1, RGB(255, 255, 255));
                    pDC->SelectObject(&pen);
                    CBrush *pBrush = CBrush::FromHandle((HBRUSH)GetStockObject(NULL_BRUSH));
                    pDC->SelectObject(pBrush);
                    pDC->Rectangle(rcItem);
    
                    szText = GetItemText(lpDrawItemStruct->itemID, i);
                    rcItem.left += 5; rcItem.right -= 1;
                    pDC->DrawText(szText, lstrlen(szText), &rcItem,
                        DT_LEFT | DT_VCENTER | DT_NOPREFIX | DT_SINGLELINE);
                }
    
                //记录每个单元格的文本
                szText += GetItemText(lpDrawItemStruct->itemID, i);  
                szText += "--";
            }
    
            //将合并后的文本一次性显示出来
            totalRect.left += 230; totalRect.right -= 230;
            pDC->DrawText(szText, lstrlen(szText), &totalRect,
                DT_LEFT | DT_VCENTER | DT_NOPREFIX | DT_SINGLELINE);
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70]: /images/20220829/fcf31e6f24ed4fae818d2601d6bcb388.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70 1]: /images/20220829/86359d56dbaf4933ac39e4420786a678.png