MFC 列表控件CListCtrl加载类似QQ界面的头像与文字

本文主要讲述使用VS2012 MFC的CListCtrl(列表)控件加载类似于QQ界面的图片与文字数据.主要通过CListCtrl::InsertColumn、InsertItem、SetItemText向列表插入数据,CImageList插入BMP图片或ICON图标.

一.创建项目及界面

1.创建项目
    创建项目名为"QQList"的基于MFC对话框的应用程序.资源视图中对话框IDD_QQLIST_DIALOG删除"TODE"和按钮,并添加List Control控件.

2.添加成员变量
    项目->类向导->类名为"CQQListDlg"->成员变量点击"IDC_LIST1"添加成员变量public(访问) CListCtrl(变量类型) m_list(变量名).同时添加成员变量CImageList m_imList调用其函数实现添加图片.

3.插入3张BMP图片
    右键"资源视图"中"Dialog"->选择"添加资源"->点击"Bitmap"->导入本地图片3张(工程文件res文件夹中).其ID分别为IDB_BITMAP1,IDB_BITMAP2,IDB_BITMAP3.
注意:在加载图片时,已经使用画图把图片修改为64*64像素的24位彩色BMP图片,在后面对应的m_imList.Create(64,64,ILC_COLOR24,10,20)函数即加载它.倘若选择ILC_COLOR或32*32会出现几位黑白色或大小失真现象.

4.添加自定义函数
    在"类向导"中向CQQListDlg中添加方法void CQQListDlg::InsertPicAndWord(void)该函数即实现添加图片和文字功能.
其中QQListDlg.h中的代码如下图所示:

public:
	//成员变量
	CListCtrl m_list;            // 列表控件 IDC_LIST1
	CImageList m_imList;         // 图像列表(相同大小图像集合)
public:
	//成员函数
	void InsertPicAndWord(void); // 实现插入图片和文字

二.源代码

其中主代码void CQQListDlg::InsertPicAndWord(void)如下:

// 调用该函数实现向CListCtrl中加载图片和文字
void CQQListDlg::InsertPicAndWord(void)
{
	// 设置CListCtrl控件扩展风格:整行选中\绘制表格\子项目图标列表
	DWORD dwStyle;
	dwStyle = m_list.GetExtendedStyle();
	dwStyle = dwStyle|LVS_EX_FULLROWSELECT|LVS_EX_GRIDLINES|LVS_EX_SUBITEMIMAGES ;
	m_list.SetExtendedStyle(dwStyle);   

	// 载入64*64像素 24位真彩(ILC_COLOR24)图片
	m_imList.Create(64,64,ILC_COLOR24,10,20);    // 创建图像序列CImageList对象
	CBitmap * pBmp = NULL;
	pBmp = new CBitmap();
	pBmp->LoadBitmapW(IDB_BITMAP1);              // 载入位图IDB_BITMAP1
	m_imList.Add(pBmp,RGB(0,0,0));
	delete pBmp;
	//
	pBmp = new CBitmap();
    pBmp->LoadBitmapW(IDB_BITMAP2);
    m_imList.Add(pBmp,RGB(0,0,0));
    delete pBmp;
	//
	pBmp = new CBitmap();
    pBmp->LoadBitmapW(IDB_BITMAP3);
    m_imList.Add(pBmp,RGB(0,0,0));
    delete pBmp;

	// 设置CImageList图像列表与CListCtrl控件关联 LVSIL_SMALL小图标列表
	m_list.SetImageList(&m_imList,LVSIL_SMALL);

	// 向列表视图控件InsertColumn插入3列数据
	CRect mRect;
	m_list.GetWindowRect(&mRect);                     // 获取控件矩形区域
	int length = mRect.Width();
	m_list.InsertColumn(0, _T("用户头像"), LVCFMT_CENTER, length / 4, -1);
	m_list.InsertColumn(1, _T("用户名"), LVCFMT_CENTER, length / 4, -1);
	m_list.InsertColumn(2, _T("QQ格言"), LVCFMT_CENTER, length / 2, -1);

	// 添加数据 InsertItem向列表中插入主项数据 SetItemText向列表中的子项写入数据
	int nRow;                                        // 记录行号
	LVITEM lvItem={0};                               // 列表视图控 LVITEM用于定义"项"的结构
	//第一行数据
 	lvItem.mask = LVIF_IMAGE|LVIF_TEXT|LVIF_STATE;   // 文字、图片、状态
	lvItem.iItem = 0;                                // 行号(第一行)
	lvItem.iImage = 0;                               // 图片索引号(第一幅图片 IDB_BITMAP1)
	lvItem.iSubItem = 0;                             // 子列号
	nRow = m_list.InsertItem(&lvItem);               // 第一列为图片
	m_list.SetItemText(nRow,1,_T("dog"));            // 第二列为名字
	m_list.SetItemText(nRow,2,_T("人生在于奋斗"));     // 第三列为格言
	//第二行数据
	lvItem.mask = LVIF_IMAGE|LVIF_TEXT|LVIF_STATE;   // 文字、图片、状态
	lvItem.iItem = 1;                                // 行号(第二行)
	lvItem.iImage = 1;                               // 图片索引号(第二幅图片 IDB_BITMAP2)
	lvItem.iSubItem = 0;                             // 子列号
	nRow = m_list.InsertItem(&lvItem);
	m_list.SetItemText(nRow,1,_T("cat"));
	m_list.SetItemText(nRow,2,_T("快乐生活每一天"));
	//第二行数据
	lvItem.mask = LVIF_IMAGE|LVIF_TEXT|LVIF_STATE;   // 文字、图片、状态
	lvItem.iItem = 2;                                // 行号(第三行)
	lvItem.iImage = 2;                               // 图片索引号(第三幅图片 IDB_BITMAP3)
	lvItem.iSubItem = 0;                             // 子列号
	nRow = m_list.InsertItem(&lvItem);
	m_list.SetItemText(nRow,1,_T("pig"));
	m_list.SetItemText(nRow,2,_T("Eastmount制作"));
}

同时需要在初始化程序时调用该函数即可实现:

BOOL CQQListDlg::OnInitDialog()
{
	...
	// TODO: 在此添加额外的初始化代码
	InsertPicAndWord();      // 调用该函数实现加载图片和文字
	return TRUE;             // 除非将焦点设置到控件，否则返回 TRUE
}

注意:现在可能你运行后会遇到一个错误就是SetItemText、InsertColum加载的数据和图片不能显示.Why?
那是需要设置CListCtrl控件IDC_LIST1属性View为Report风格.ListCtrl有四种风格:
Icons(图标)使用32*32大小图标显示列表
Small Icons(小图标)使用16*16大小图标显示单一列表
List(列表)使用Small Icons,可有多列,第二列必须填充之前必须填充第一列,自上而下排序
Report(报表)编程者自定义的格式显示列表
如果程序中想要在加载ICON图标,则代码为:

HICON hIcon;
m_imList.Create(32,32,ILC_COLOR24,10,20);
hIcon = AfxGetApp()->LoadIconW(IDI_ICON_GREE);
m_imList.Add(hIcon);

程序运行结果:

希望文章能够对大家有所帮助,同时如果文章中有错误或不足之处,还请大家海涵.同时感谢文章资料的作者和向我提出该问题的那个同学.(By:Eastmount 2014-2-28 夜2点 原创:http://blog.csdn.net/eastmount)
下载源代码地址:http://download.csdn.net/detail/eastmount/6972035
参考资料及在线笔记:
(1).ListCtrl控件,Report风格列表中添加图片 - ribut9225(主要讲述加载图片)
http://blog.csdn.net/ribut9225/article/details/6905165
(2).VC MFC列表视图(CListCtrl)控件 - 无尽的路(讲述CListCtrl加载图文字 附图)
http://hi.baidu.com/3582077/item/38858bb484e11477254b090a
(3).CListCtrl基础用法 - welkangm(详细讲述CListCtrl概述、加载数据 获取行号 删除行)
http://welkangm.blog.163.com/blog/static/190658510201232032336899/
(4).CListCtrl加载图片技术 - woshishushangdezhu(可参考加载动态路径下的图片F:\\)
http://blog.csdn.net/woshishushangdezhu/article/details/3938433
(5).如何更改CListCtrl每行的高度(可参考rwx_tech的回答设置行高度)
http://bbs.csdn.net/topics/60367436

时间： 2024-03-17 18:41:21

MFC 列表控件CListCtrl加载类似QQ界面的头像与文字的相关文章

statusbar控件上加载进度条控件，怎么在按钮和进度条间切换呢？

问题描述 statusbar控件上加载进度条控件,怎么在按钮和进度条间切换呢? statusbar控件上加载进度条控件,当加载完成,进度条消失,显示按钮,再次加载的时候隐藏按钮显示进度条,怎么在按钮和进度条间切换呢? 解决方案 你可以定义两个panel,分别加载按钮和进度条,需要哪个就显示哪个. 解决方案二: 进度条控件 解决方案三: 按钮和进度条你肯定都能访问到,通过设置visible控制

easyui的tree控件动态加载树类型

问题描述 easyui的tree控件动态加载树类型 这个真不会写了高人帮看看 实现树类型 附有数据库表 后台用c#的一般处理程序 前台怎么传节点 等等 写的时候帮我写点注释.感激不尽!!! 解决方案 .................. 解决方案二: http://blog.csdn.net/hzw2312/article/details/38919877 C#不太清楚,java的话能帮你

mfc 列表控件闪烁问题

问题描述 mfc 列表控件闪烁问题 从数据库中读取了一些数据(只有3列)放到listctrl中,一秒钟读一次.一段时间后,列表框闪烁的很厉害. 解决方案 第一种方法 RedrawWindow(FALSE); RedrawWindow(TRUE); 第二方法:实现虚列表,自动取数据,超快. 解决方案二: 第一种方法 RedrawWindow(FALSE); RedrawWindow(TRUE); 第二方法:实现虚列表,自动取数据,超快. 解决方案三: 使用序列表,然后插入数据,还可以不要一秒插入一

c# winfrom项目，webbrower控件中加载页面过程中导致timer控件显示时间会停一小会

问题描述 c# winfrom项目,webbrower控件中加载页面过程中导致timer控件显示时间会停一小会 在C# Winfrom项目中,from窗体中,有一个webbrower控件用于加载网页,在webbrower控件内放了一个label控件(用于显示当前时间),还有一个timer控件(用于控制label显示时间,显示格式为:hh:mm:ss,). 目前遇到个问题,当webbrower控件用于加载数据量较大的网页时,在网页加载的过程中,会导致label控件显示时间中的秒时, 会停顿两至三秒

Android使用控件ImageView加载图片的方法_Android

在 Android 加载图片一般使用 ImageView,这里简单记录一下这个控件的使用方法. 最简单就是在 xml 里直接使用 ImageView 标签: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="

列表控件 改变-mfc 列表控件内部布局如何随控件改变而改变

问题描述 mfc 列表控件内部布局如何随控件改变而改变 如何使列表控件内部的布局随列表控件的改变而改变,如列表控件变大,列表的内部框架也变大 解决方案 对于mfc,可以处理OnSize消息,然后根据新的窗口大小调用MoveWindow调整控件的大小. 解决方案二: 处理WM_SIZE消息,然后把所有的控件都成对应比例的方式MoveWindow来调整等比例的大小 解决方案三: 如果你说的是列宽,这个你自己计算后重新设置就可以了.

C# 系统应用之ListView控件 (二).加载选中节点文件夹下文件信息

在项目中的前面一篇文章"C# 系统应用之TreeView控件 (一).显示树状磁盘文件目录及加载图标"中我讲述了如何使用TreeView控件树状实现显示"我的电脑"所有磁盘路径下的文件夹,并加载图标如下图所示. 此篇文章我需要讲述的是当鼠标点击左边的TreeView控件中的文件夹时,如何实现在右边的ListView控件中显示相应的文件,并显示文件的名称.大小.类型属性.主要运用的知识是如何实现ListView显示信息,Subitems()函数增加子项,如何设置列表头

Jquery zTree 树控件异步加载操作_jquery

zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE.FireFox.Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree 的节点移动.编辑.删除 支持任意更换皮肤 / 个性化图标(依靠css) 支持极其灵活的 checkbox 或 radio 选择功能 简单的参数配置实现 灵活多变的功能 异步加载的意思就是: 当点

(论坛答疑点滴)用户控件动态加载PostBack后的问题

动态|加载|控件|问题 很多网友在按钮的click事件中动态添加用户控件在页面回传后消失了或者就是用户控件中的按钮事件不能触发,下面是解决办法:(1)首先添加一个用户控件:WebUserControl1.ascx添加一个按钮:public System.Web.UI.WebControls.Button ucb;Text为"用户控件的按钮"(等会要在Page中用到这个按钮,所以设置为public)<asp:Button id="ucb" Text="