Windows编程基础–第11节 MFC之列表控件CListCtrl
在MFC程序中列表控件也是使用很频繁的控件，例如windows的资源管理器就可以用列表控件来实现，如下图：
这里写图片描述
列表控件具有以下四种视图：
- 大图标
- 小图标
- 列表
- 详细信息
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的选中的是哪一项，记录选中项的列表类型，最后设置列表属性；
最后效果图：
大图标:
这里写图片描述
小图标：
这里写图片描述
列表：
这里写图片描述
详细信息：
这里写图片描述
