第11节 MFC之列表控件CListCtrl

Windows编程基础–第11节 MFC之列表控件CListCtrl

在MFC程序中列表控件也是使用很频繁的控件，例如windows的资源管理器就可以用列表控件来实现，如下图：
这里写图片描述
列表控件具有以下四种视图：

  1. 大图标
  2. 小图标
  3. 列表
  4. 详细信息

1. 新建项目

新建一个基于对话框项目“day13”，布置界面如下，从左侧“工具箱”拖动一个List control到界面，再加上两个按钮及Combo Box，如图：
这里写图片描述

控件名 控件ID
List control IDC_LIST_VIEW
Combo Box IDC_COMBO2
添加行 IDC_BUTTON_ADD
删除行 IDC_BUTTON_DEL

2. 添加列表控件变量

单击选中列表控件，右击选择->“添加变量”，添加变量名为m_list,如下：
这里写图片描述

3. 初始化列表控件

切换到对话框的初始化函数（OnInitDialog()），我们来给列表控件增加三列，
这里写图片描述

1
2
3
4
m_list.ModifyStyle(LVS_TYPEMASK, LVS_REPORT); //设置列表控件样式为详细信息
m_list.InsertColumn(0,_T("第一列"),LVCFMT_LEFT,120);
m_list.InsertColumn(1,_T("第二列"),LVCFMT_LEFT,120);
m_list.InsertColumn(2,_T("第三列"),LVCFMT_LEFT,120);

4. 添加列表图标

自行下载或者制作两个bmp图标，分别为1616，和3232；将图标复制到项目的res资源目录中，这里写图片描述
切换到资源视图，右击添加资源，导入我们准备好的图标，如图所示：
这里写图片描述
导入好之后我们可以更改位图ID，如图所示：
这里写图片描述
接下来我们在day13.h的头文件中添加两个成员变量：

1
2
CImageList m_ilLarge;
CImageList m_ilSmall;

分别来对应3232，和1616；
然后我们再切换到初始化函数中，添加如下四行代码：

1
2
3
4
5
m_ilLarge.Create(IDB_BITMAP_32, 32, 1,RGB(255,0,255));
m_ilSmall.Create(IDB_BITMAP_16, 16, 1,RGB(255,0,255));

m_list.SetImageList(&m_ilLarge,LVSIL_NORMAL);
m_list.SetImageList(&m_ilSmall,LVSIL_SMALL);

5. 实现添加行按钮函数

双击“添加行”按钮，编辑按钮点击方法：

1
2
3
4
5
6
7
8
9
10
11
12
void Cday13Dlg::OnBnClickedButtonAdd()
{
	// TODO: 在此添加控件通知处理程序代码
	int nCount = m_list.GetItemCount();
	CString strText;
	strText.Format(_T("第%d行，第一列"), nCount + 1);
	m_list.InsertItem(nCount,strText,0);
	strText.Format(_T("第%d行，第二列"), nCount + 1);
	m_list.SetItemText(nCount,1,strText);
	strText.Format(_T("第%d行，第三列"), nCount + 1);
	m_list.SetItemText(nCount,2,strText);
}

注意，只有添加第一行第一个元素是才是InsertItem，之后的添加都应该是SetItemText，防止出错；

5. 实现删除行按钮函数

双击“删除行”按钮，编辑按钮点击方法：

1
2
3
4
5
6
7
8
9
10
11
12
void Cday13Dlg::OnBnClickedButtonDel()
{
	// TODO: 在此添加控件通知处理程序代码
	int nCount = m_list.GetItemCount();
	for (int i = nCount; i>=0 ; --i)
	{
		if (m_list.GetItemState(i,LVIS_SELECTED) == LVIS_SELECTED)
		{
			m_list.DeleteItem(i);
		}
	}
}

这样就实现了删除行的按钮，并且所有被选中的行都会被删除，按住Ctrl选中多行，点击删除，所有被选中的行都会被删除；

6. 实现列表控件的样式切换

切换到资源视图，单击Combo Box，打开属性->data;输入：

大图标;小图标;详细信息;列表;

如图：
这里写图片描述

继续编辑Combo Box的属性，选择“控件事件”，添加CBN_Selchange事件，如图：
这里写图片描述
编辑Combo Box的OnCbnSelchangeCombo2处理函数：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
void Cday13Dlg::OnCbnSelchangeCombo2()
{
	// TODO: 在此添加控件通知处理程序代码
	DWORD dwStyle;
	CComboBox *pView;
	pView = (CComboBox *)GetDlgItem(IDC_COMBO2);
	switch(pView->GetCurSel())
	{
	case 0:
		dwStyle = LVS_ICON;
		break;
	case 1:
		dwStyle = LVS_SMALLICON;
		break;
	case 2:
		dwStyle = LVS_LIST;
		break;
	case 3:
		dwStyle = LVS_REPORT;
		break;
	default:
		return;
	}
	m_list.ModifyStyle(LVS_TYPEMASK,dwStyle);
}

很明显，先用GetDlgItem获取Combo Box的对象，然后判断Combo Box的选中的是哪一项，记录选中项的列表类型，最后设置列表属性；

最后效果图：

大图标:
这里写图片描述
小图标：
这里写图片描述

列表：
这里写图片描述
详细信息：
这里写图片描述

项目源码可以访问我的码云

>>>我的私人博客<<<