DuiLib VirtualListUI 虚拟列表

最新推荐文章于 2024-04-13 19:49:45 发布
最新推荐文章于 2024-04-13 19:49:45 发布
阅读量2.3k 收藏 9
点赞数 1
分类专栏： C++ Duilib 学习笔记 文章标签： VirtualList duilib 20万条数据显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QWERDF10010/article/details/89974469
版权

思路：

修改ListBody ，重写SetPos, SetScrollPos, ProcessScrollBar, 利用 SetScrollPos 滚动条位置动态从数据接口获取数据并加载到列表， 重新设置位置；  需要增加一个数据提供者纯虚类IVirtualDataProvider;  关键点就是SetPos, SetScrollPos, ProcessScrollBar这三个函数的重写，控制需要显示哪些数据，IVirtualDataProvider 用于自定义ListItem ， IVirtualDataProvider 增加CreateElement（）， FillElement() , GetElementtCount() 提供给ListBody  调用，填充数据；

接口：

IVirtualDataProvider .h

#pragma once



//
// 虚拟列表数据提供者,抽象基类,由实际使用场景派生子类,实现对应的接口功能
//

/**
* @brief 虚拟列表接口类
* 提供开发者对子项数据管理个性化定制
*/
class IVirtualDataProvider
{
public:
	/**
	* @brief 创建一个子项
	* @return 返回创建后的子项指针
	*/
	virtual CControlUI* CreateElement() abstract;

	/**
	* @brief 填充指定子项
	* @param[in] control 子项控件指针
	* @param[in] index 索引
	* @return 返回创建后的子项指针
	*/
	virtual void FillElement(CControlUI *pControl, int index) abstract;

	/**
	* @brief 获取子项总数
	* @return 返回子项总数
	*/
	virtual int GetElementtCount() abstract;
};

2、VirtualListUI.h

#pragma once
#include "IVirtualDataProvider.h"
#include "VirListBodyUI.h"
#include <list>



/*class CListUI;*/
class CVirtualListUI : public CListUI
{
public:
	CVirtualListUI();
	~CVirtualListUI();

	LPCTSTR GetClass() const;
	LPVOID GetInterface(LPCTSTR pstrName);

	virtual void DoEvent(TEventUI& event);
	
	void SetItemCount(int nCount);

	/**
	* @brief 设置数据代理对象
	* @param[in] pProvider 开发者需要重写 IVirtualDataProvider 的接口来作为数据代理对象
	* @return 无
	*/
	virtual void SetDataProvider(IVirtualDataProvider * pDataProvider);

	virtual IVirtualDataProvider * GetDataProvider();

	/**
	* @brief 设置子项高度
	* @param[in] nHeight 高度值
	* @return 无
	*/
	virtual void SetElementHeight(int nHeight);

	/**
	* @brief 初始化子项
	* @param[in] nMaxItemCount 初始化数量，默认 50
	* @return 无
	*/
	virtual void InitElement(int nMaxItemCount = 50);

	/**
	* @brief 删除所有子项
	* @return 无
	*/
	virtual void RemoveAll() override;

	bool Remove(CControlUI* pControl);
	bool RemoveAt(int iIndex);

	/**
	* @brief 设置是否强制重新布局
	* @param[in] bForce 设置为 true 为强制，否则为不强制
	* @return 无
	*/
	void SetForceArrange(bool bForce);

	/**
	* @brief 获取当前所有可见控件的索引
	* @param[out] collection 索引列表
	* @return 无
	*/
	void GetDisplayCollection(std::vector<int>& collection);

	
	/**
	* @brief 获取选中的索引 (通过IVirtualDataProvider * 获取数据) 
	* @return std::vector<int> 选中索引
	*/
	std::vector<int> GetSelectIndex();
protected:
	/// 重写父类接口，提供个性化功能

	virtual void SetPos(RECT rc, bool bNeedInvalidate = true) ;

private:
	enum ScrollDirection
	{
		kScrollUp = -1,
		kScrollDown = 1
	};

	/**
	* @brief 创建一个子项
	* @return 返回创建后的子项指针
	*/
	CControlUI* CreateElement();

	/**
	* @brief 填充指定子项
	* @param[in] control 子项控件指针
	* @param[in] index 索引
	* @return 返回创建后的子项指针
	*/
	void FillElement(CControlUI *pControl, int iIndex);

	/**
	* @brief 获取元素总数
	* @return 返回元素总指数
	*/
	int GetElementCount();


private:

	void EnableScrollBar(bool bEnableVertical = true, bool bEnableHorizontal = false);


protected:
	bool SelectItem(int iIndex, bool bTakeFocus = false);
// 	bool SelectItemActivate(int iIndex);    // 双击选中
// 
 	bool SelectMultiItem(int iIndex, bool bTakeFocus = false);
// 	void SetMultiSelect(bool bMultiSel);
// 	bool IsMultiSelect() const;
// 	bool UnSelectItem(int iIndex, bool bOthers = false);
 	void SelectAllItems();
 	void UnSelectAllItems();
// 	//支持范围选择 add by ll  2019.04.02
 	virtual bool SelectRange(int iIndex, bool bTakeFocus = false);

protected:
	bool m_bIsStartBoxSel = false;//是否开始框选

	int m_iStartBoxIndex = -1; //开始框选索引
	int m_iEndBoxIndex = -1;//结束框选索引
	POINT m_BoxStartPt;//框选开始起点


	IVirtualDataProvider*  m_pDataProvider ;//OwnerData

	CVirListBodyUI* m_pList;

	int m_nOwnerElementHeight;	// 每个项的高度	
	int m_nOwnerItemCount;	// 列表真实控件数量上限  
	int m_nOldYScrollPos;
	bool m_bArrangedOnce;
	bool m_bForceArrange;	// 强制布局标记

	int m_iCurlShowBeginIndex = 0;
	int m_iCurlShowEndIndex = 0;

	bool m_bScrollProcess = false;//防止SetPos 重复调用, 导致死循环
};

3、VirListBodyUI.h


#pragma once
#include "IVirtualDataProvider.h"

class CVirListBodyUI : public CListBodyUI
{
public:
	CVirListBodyUI(CListUI* pOwner);
	~CVirListBodyUI();

	void SetVerScrollRange(int nRange);

	void SetItemCount(int nCount);

	//强制重绘,用于外部改变某些项内容
	void RedrawItems(int iItemFrom, int iItemTo);

	//void DoEvent(TEventUI& event);

	/**
	* @brief 设置数据代理对象
	* @param[in] pProvider 开发者需要重写 IVirtualDataProvider 的接口来作为数据代理对象
	* @return 无
	*/
	virtual void SetDataProvider(IVirtualDataProvider * pDataProvider);

	virtual IVirtualDataProvider * GetDataProvider();

	/**
	* @brief 设置子项高度
	* @param[in] nHeight 高度值
	* @return 无
	*/
	virtual void SetElementHeight(int nHeight);

	/**
	* @brief 初始化子项
	* @param[in] nMaxItemCount 初始化数量，默认 50
	* @return 无
	*/
	virtual void InitElement(int nMaxItemCount = 50);

	/**
	* @brief 刷新列表
	* @return 无
	*/
	virtual void Refresh();

	/**
	* @brief 删除所有子项
	* @return 无
	*/
	virtual void RemoveAll() override;

	/**
	* @brief 设置是否强制重新布局
	* @param[in] bForce 设置为 true 为强制，否则为不强制
	* @return 无
	*/
	void SetForceArrange(bool bForce);

	/**
	* @brief 获取当前所有可见控件的索引
	* @param[out] collection 索引列表
	* @return 无
	*/
	void GetDisplayCollection(std::vector<int>& collection);

	/**
	* @brief 让控件在可见范围内
	* @param[in] iIndex 控件索引
	* @param[in] bToTop 是否在最上方
	* @return 无
	*/
	void EnsureVisible(int iIndex, bool bToTop = false);

	/**
	* @brief 设置位置(子控件以及本身)
	* @param[in] rc 本身控件位置 
	* @param[in] bNeedInvalidate 是否刷新
	* @return 无
	*/
	virtual void SetPos(RECT rc, bool bNeedInvalidate = true);

	/// 重写父类接口，提供个性化功能
	/**
	* @brief 滚动条改变,设置滚动条位置,做是否刷新界面
	* @param[in] szPos 滚动条位置
	* @return 无
	*/
	virtual void SetScrollPos(SIZE szPos, bool bMsg = true);

	void EnsureVisible(int iIndex);

	/**
	* @brief 重新布局子项
	* @param[in] bForce 是否强制重新布局
	* @return 无
	*/
	void ReArrangeChild(bool bForce);
protected:

	/**
	* @brief 设置实际需要的滚动条位置
	* @param[in] rc 控件位置
	* @return 无
	*/
	void SetPosInternally(RECT rc);

	/**
	* @brief 添加一个子项
	* @param[in] iIndex 要插入的位置
	* @return 无
	*/
	void AddElement(int iIndex);//对于虚拟列表好像没什么用

	/**
	* @brief 移除一个子项
	* @param[in] iIndex 要移除的子项索引
	* @return 无
	*/
	void RemoveElement(int iIndex);

	/**
	* @brief 键盘按下通知
	* @param[in] ch 按键
	* @return 无
	*/
	virtual void OnKeyDown(TCHAR ch) {}

	/**
	* @brief 键盘弹起通知
	* @param[in] ch 按键
	* @return 无
	*/
	virtual void OnKeyUp(TCHAR ch) {}

private:
	enum ScrollDirection
	{
		kScrollUp = -1,
		kScrollDown = 1
	};

	/**
	* @brief 创建一个子项
	* @return 返回创建后的子项指针
	*/
	CControlUI* CreateElement();

	/**
	* @brief 填充指定子项
	* @param[in] control 子项控件指针
	* @param[in] index 索引
	* @return 返回创建后的子项指针
	*/
	void FillElement(CControlUI *pControl, int iIndex);

	/**
	* @brief 获取元素总数
	* @return 返回元素总指数
	*/
	int GetElementCount();

	/**
	* @brief 使用默认布局
	* @return 成功返回 true，否则返回 false
	*/
	bool UseDefaultLayout();

	/**
	* @brief 得到n个元素对应的高度和，
	* @param[in] nCount 要得到多少元素的高度，-1表示全部元素
	* @return 返回指定数量元素的高度和
	*/
	int CalcElementsHeight(int nCount);

	/**
	* @brief 得到可见范围内第一个元素的前一个元素索引
	* @param[out] bottom 返回上一个元素的 bottom 值
	* @return 返回上一个元素的索引
	*/
	int GetTopElementIndex(int &bottom);

	/**
	* @brief 判断某个元素是否在可见范围内
	* @param[in] iIndex 元素索引
	* @return 返回 true 表示可见，否则为不可见
	*/
	bool IsElementDisplay(int iIndex);

	/**
	* @brief 判断是否要重新布局
	* @param[out] direction 向上滚动还是向下滚动
	* @return true 为需要重新布局，否则为 false
	*/
	bool NeedReArrange(ScrollDirection &direction);

	//未使用
	void Arrange();

public:
	/**
	* @brief 每次重新刷新加载时 重新按照m_vSelIndex 中的索引初始化
	* @param[in] rc 位置
	* @param[in] cxRequired 水平需要的滚动条 Range 
	* @param[in] cyRequired 垂直需要的滚动条Range
	* @return无
	*/
	void ProcessScrollBar(RECT rc, int cxRequired, int cyRequired);

	/**
	* @brief 每次重新刷新加载时 重新按照m_vSelIndex 中的索引初始化
	* @return无
	*/
	void InitSelectItem();


	/**
	* @brief 单选
	* @param[in] iIndex 选中索引
	* @param[in] bTakeFocus 是否获取焦点
	* @return true 是否选中
	*/
	bool SelectItem(int iIndex, bool bTakeFocus = false);

	/**
	* @brief 多选
	* @param[in] iIndex 选中索引
	* @param[in] bTakeFocus 是否获取焦点
	* @return true 是否选中
	*/
 	bool SelectMultiItem(int iIndex, bool bTakeFocus = false);

/// 不需要重写 begin
// 	bool SelectItemActivate(int iIndex);    // 双击选中
// 	void SetMultiSelect(bool bMultiSel); 
// 	bool IsMultiSelect() const;
//	bool UnSelectItem(int iIndex, bool bOthers = false);

/// 不需要重写 end
	/**
	* @brief 全选
	* @return无
	*/
 	void SelectAllItems();

	/**
	* @brief 清空所有选中
	* @return 无
	*/
 	void UnSelectAllItems();
 	//支持范围选择 add by ll  2019.04.02
	/**
	* @brief 范围选中  m_iSelIndex ~ iIndex 区域选中
	* @param[in] iIndex 选中结束索引
	* @param[in] bTakeFocus 是否获取焦点
	* @return true 是否选中
	*/
 	virtual bool SelectRange(int iIndex, bool bTakeFocus = false);

	/**
	* @brief 获取选中的索引 (通过IVirtualDataProvider * 获取数据)
	* @return std::vector<int> 选中索引
	*/
	std::vector<int> GetSelectIndex();
private:
	bool m_bIsStartBoxSel = false;//是否开始框选

	int m_iStartBoxIndex = -1; //开始框选索引
	int m_iEndBoxIndex = -1;//结束框选索引
	POINT m_BoxStartPt = { 0,0 };//框选开始起点

					   //OwnerData
	IVirtualDataProvider*  m_pDataProvider;

	int m_nOwnerElementHeight = 0;	// 每个项的高度	
	int m_nOwnerItemCount = 0;	// 列表真实控件数量上限  
	int m_nOldYScrollPos = 0;
	bool m_bArrangedOnce = false;
	bool m_bForceArrange = false;	// 强制布局标记

	int m_iCurlShowBeginIndex = 0;
	int m_iCurlShowEndIndex = 0;

	bool m_bScrollProcess = false;//防止SetPos 重复调用, 导致死循环

	int m_iSelIndex = -1;
	std::vector<int> m_vSelIndex;//选中索引
};

 

 50万条数据显示效果：

Demo 与代码实现下载链接 https://download.csdn.net/download/qwerdf10010/11192481

 

 

llC2018
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
专栏目录
duilib入门基础一 容器之 BOX、VBOX、HBOX布局及其子控件align排列方式
清流弯弯
10-30 2327
序 容器 duilib有以下主要布局容器 Box（自由布局容器） VBox（垂直布局容器） HBox（水平布局容器） TabBox（多标签布局容器） TileBox（格子布局容器） ChildBox（子布局容器） ScrollableBox（可滚动容器） 一、Box容器布局 Box容器及其扩展VBox HBox是其中最常用的容器。 相对Box来说，HBox, VBox更好理解些 1.1 VBox HBox VBox下的各个控件垂...
duilib list控件扩展
热门推荐
midle110
09-07 1万+
对于简单的list控件已经有前辈分析了自带demo的ListRes全过程，duilib DirectUI库里面的一个简单的例子ListDemo， 他分析了listdemo的来龙去脉，这里我只是将个人理解的list分析一下。 由于自带的listdemo不能满足要求，所以必须个人扩展list，通过尝试 发现 1. 列表头禁止拖动情况 这种情况很简单， 配置xml的时候将 表头宽度 和 元素宽度
Duilib使用虚表（VirtualList）机制加载海量数据
Troy的专栏
11-17 2757
Duilib使用虚表（VirtualList）机制加载海量数据Duilib中的数据加载展示虚表VirtualList的工作原理虚表VirtualList的部分核心代码虚表VirtualList的最终效果展示 Duilib中的数据加载展示 Duilib库提供了多种适合数据展示的容器控件，如VerticalLayout、HorizontalLayout、TileLayout和List等等。在开发中，我...
基于duilib的虚拟列表实现
weixin_30832143的博客
12-13 535
本文由作者邹启文授权网易云社区发布。在邮箱大师选择duilib作为UI开发库后，我们面临这样一个问题。随着时间的积累，用户数据会越来越多，如何保证我们的软件在展示这些数据时依然保持非常好的体验？原生态duilib列表的实现是，数据与控件（列表的每一项）一一对应，即有多少数据，便有多少控件。通过粗略测试，我们发现，当数据量达到10000封邮件时，仅仅是构造这10000个控件就需要花费16...
微信小程序webview模式瀑布流长列表的虚拟列表优化，解决内存问题
最新发布
Qensq的博客
04-13 438
此文章是我看到写的非常好的一篇技术文章，也是好不容搜到的，所以想记录在册。如果原作者看到了不希望转载，请在下面评论，我必删除内容。这个方式也可以用于skyline模式，但是因为skyline 本身微信小程序已经提供了瀑布流框架，再造轮子就多余了。这个方式对于上面这篇在内存消耗方面，可以减少70%（预估），具体没算，但是肯定更好。因为支撑驻留的view骨架更少。虽然本篇是写的微信小程序的案例，但是也可用于H5，思路是想通的，只是有些api的差异，最后会贴代码片段。
网易云信Duilib开发实践和Windows应用界面开发框架源码开源介绍
weixin_30916125的博客
07-09 332
序言 Duilib介绍 Duilib是windows平台下的一款轻量级directUI开源库（遵循BSD协议），完全免费，可用于商业软件开发，只需在软件包里附上协议文件即可。Duilib可以简单方便地实现大多数界面需求，包括换肤、换色，透明等功能，支持多种图片格式，使用XML可以方便地定制窗口，能较好地做到UI和逻辑相分离，尽量减少在代码里创建UI控件。目前，Duilib库已经渐趋...
Duilib实现List列表
01-27
由VS20013 + Duilib实现，想对List控件研究的可以一起学习下，UI界面链接地址：https://blog.csdn.net/u012983289/article/details/122718229
Duilib属性xml列表详解
01-02
duilib资源文件xml中一些属性的详细解释，避免大家在开发过程中不明白各个属性的意义，导致不必要的弯路
Duilib属性列表.xml
02-06
Duilib是Windows系统下基于C++语言的一套开源的桌面应用的UI库。Duilib属性列表作为Duilib入门学习工具
DUILIB列表框扩展控件
05-21
在这个特定的场景中，我们关注的是"DUILIB列表框扩展控件"，这是一个对原生Duilib列表框控件的增强版本。 首先，我们要理解原生的Duilib列表框（ListCtrl）控件。在Duilib中，列表框是一种可以显示多行数据的控件，...
DUILIB属性列表
12-28
DUILIB开源界面库的属性列表，方便以后查阅
利用duilib进型开发的一个demo
07-09
本程序是利用一个免费的direct UI界面库最的一个demo，实现了跳窗，btn等的美化。duilib是利用xml语言将界面层和逻辑层分开。官方说duilib可以喝MFC兼容，但是我找了很多地方都没有直接的代码，我也没研究出来。另外要说的是，如果可以兼容的话，为什么现在的MFC界面库都要那么贵呢？你懂得！
Duilib增强拓展版 v0.2
11-25
为您提供Duilib增强拓展版下载，DuiLib_Ultimate是duilib库的增强拓展版，库修复了大量用户在使用中反馈的Bug，新增了用户需求的功能，并持续维护更新。功能简介：1、官方原有功能；2、增加资源管理器支持，资源管理更加方便；3、支持多国语言功能；4、高DPI自适应的机制（接口简单，实用方便）；5、控件支持样式表（Style）功能，控件属性管理设置更加方便易用；6、新增功能（DateTime控件、IP地址控件、颜色选
DUIlib编程总结及源码
05-13
DUIlib编程总结及源码，很好的DUILIB基础教程，感谢此网友的慷慨，同时也感觉DUILIB开发者的辛勤工作及伟大的 Bjarke Viksoe
VirtualListDemo
11-27
使用虚拟列表的一个demo，可以显示复选框，加上了双缓冲，防止界面闪烁，希望可以给使用虚拟列表的朋友带来帮助。
duilib属性列表
langal1212的专栏
07-29 1225
Duilib向列表中插入CListContainerElementUI控件
06-07
您可以通过以下代码向 CListContainerElementUI 控件中插入一个子控件（假设您的 CListContainerElementUI 控件对象名为 pListContainer，需要插入的子控件对象为 pChildElementUI）： ``` // 创建 List Element 对象 CListElementUI* pListElement = new CListElementUI(); pListElement->SetFixedHeight(30); pListElement->Add(pChildElementUI); // 在 List Container 中插入 List Element int nIndex = pListContainer->GetCount(); pListContainer->Add(pListElement); pListContainer->SetItemAt(nIndex, pListElement); ``` 其中，pChildElementUI 是您需要插入的子控件对象，可以是任何继承自 CControlUI 的控件。在代码中，我们首先创建了一个 CListElementUI 对象，并将需要插入的子控件添加到其中。然后，我们通过 GetCount() 函数获取 List Container 中子控件的数量，将新创建的 List Element 对象添加到 List Container 中，并通过 SetItemAt() 函数将其插入到指定的位置（这里是 List Container 的末尾）。 需要注意的是，添加的子控件需要先通过 Add() 函数添加到 List Element 中，再将 List Element 添加到 List Container 中。此外，如果您需要使用 CListContainerElementUI 的滚动条功能，请确保设置 List Container 的固定高度或最大高度，否则滚动条将无法正常工作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值