MFC CListCtrl实现QQ风格头像文字加载教程

"这篇文章主要介绍了如何使用MFC的CListCtrl控件来创建一个类似QQ界面的列表，展示带有头像和文字的数据。通过插入列、插入项、设置项文本以及使用CImageList来加载BMP图片。文章还提到了图片尺寸的调整以及自定义函数的编写来实现功能。" 在MFC应用中，CListCtrl是用于显示列表数据的控件，它可以显示多列数据，每行可以包含不同类型的元素，如文本、图标等。本教程以创建一个名为“QQList”的项目为例，展示了如何利用CListCtrl创建具有头像和文字的列表。以下是详细的步骤： 1. **创建项目**： 使用Visual Studio创建一个基于MFC对话框的应用程序，项目名为"QQList"。在资源视图中，删除默认的“TODE”和按钮，并添加一个List Control控件。 2. **添加成员变量**： 在类向导中，为对话框类"CQQListDlg"添加成员变量。一个是CListCtrl类型的`m_list`，对应IDC_LIST1的列表控件；另一个是CImageList类型的`m_imList`，用于存储图像列表。 3. **插入图片**： 在资源视图中添加3张BMP图片资源（IDB_BITMAP1, IDB_BITMAP2, IDB_BITMAP3），并将它们的尺寸调整为64x64像素的24位彩色BMP格式。这是因为CImageList的Create方法需要指定图像的大小，如`m_imList.Create(64, 64, ILC_COLOR24, 10, 20)`，这里的参数确保图像被正确加载。 4. **添加自定义函数**： 创建一个名为`InsertPicAndWord`的方法，用于插入头像和文字到列表中。这个函数会调用CListCtrl的`InsertColumn`方法插入列，`InsertItem`方法插入行，以及`SetItemText`方法设置每行的文字信息。 在源代码中，`InsertPicAndWord`函数将执行以下操作： - 首先，使用`m_imList.Add(AfxGetApp()->LoadBitmap(IDC_BITMAP1), RGB(0, 0, 0))`等方法将资源中的BMP图片添加到`m_imList`。 - 然后，使用`m_list.InsertColumn(0, _T("头像"), LVCFMT_LEFT, 70)`插入第一列，用于显示头像。 - 接着，使用`m_list.InsertItem(nIndex, _T("姓名"))`插入一行，并设置行的文本。 - 最后，使用`m_list.SetItemText(nIndex, 1, _T("描述"))`设置第二列的文本。 通过这样的步骤，我们可以在CListCtrl中创建出一个类似QQ界面的列表，每一行都包含一个头像（由CImageList加载）和一段文字描述。这种方法对于构建具有视觉吸引力且信息丰富的用户界面非常有用，尤其适用于需要展示用户资料或联系人列表的应用。