duilib 中list控件的扩展

2020-11-25 14:55:58 290 收藏
分类专栏： DuiLib 文章标签： duilib
最后发布:2020-11-25 14:55:58首次发布:2020-11-25 14:55:58
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22642239/article/details/110122597
版权

概述

duilib中list控件默认情况样式比较简单，无法适应众多需求场景

扩展与原始list对比

原始实现效果：

扩展list效果：

 

扩展list的实现

1.duilib源代码的修改

  ①首先修改CListHeaderItemUI类，该类表示的是list的表头，如下图：（修改源码后记得重新编译）

CControlUI类属于duilib基础控件类，CContainerUI是duilib的容器基类（duilib基础框架参考），容器，其实就是可以在里面添加，嵌套其他控件的东西，修改继承类，使其具有容纳其它控件的功能。

2.xml文件配置

list控件及表头配置

UpdateEepromReadPassword.xml

<?xml version="1.0"?>
<Window size="1280,760" caption="0,0,0,36" roundcorner="0,0">
	<Include source="lang.xml" />
	<Include source="font.xml" />
	<Include source="default.xml" />
	<VerticalLayout>
		<TabLayout name="updateeepromtab">
			
			<VerticalLayout inset="30,30,30,30" bkcolor="#FFFFFFFF">
				<HorizontalLayout bkimage="list_bg.png" inset="0,0,0,0">
					<List name="listexeeprom" width="1213" bkcolor="#FFFFFFFF" inset="0,0,0,0" itemshowhtml="true" vscrollbar="true" hscrollbar="true" headerbkimage="file='list_header_bg.png'" itemalign="center" hscrollbar="false" menu="true">
						<ListHeader height="40" menu="true" scaleheader="true" bkcolor="#FFFFFFFF">
							<ListHeaderItem   font="3" scale="33" bodersize="1" bodercolor="#FFBDBDBD" textcolor="#FF151515" hotimage="file='list_header_hot.png'" pushedimage="file='list_header_pushed.png'" sepimage="file='list_header_sep.png'" sepwidth="1">
								<CheckBox name="select_eeprom_all" endellipsis="true" width="30" height="30"  selectedimage="file='Update\checkbox_p.png' dest='6,5,36,35'" normalimage="file='Update\checkbox_h.png' dest='6,5,36,35'"  />
								<Container  bkimage="file='Update\list_header_sep.png'" float="true" pos="40,0,41,40"/>
								<Text name="multyupdate_eeprom_text_softname" text="软件名称" font="3" scale="10" float="true" pos="150,5,350,35"/>
							</ListHeaderItem>
							<ListHeaderItem text="本地最新版本"   font="3" scale="10" textcolor="#FF151515" hotimage="file='list_header_hot.png'" pushedimage="file='list_header_pushed.png'" sepimage="file='list_header_sep.png'" sepwidth="1"/>
							<ListHeaderItem text="最新版本"   font="3" scale="15" textcolor="#FF151515" hotimage="file='list_header_hot.png'" pushedimage="file='list_header_pushed.png'" sepimage="file='list_header_sep.png'" sepwidth="1"/>
							<ListHeaderItem text="可下载版本"  font="3" scale="10" textcolor="#FF151515" hotimage="file='list_header_hot.png'" pushedimage="file='list_header_pushed.png'" sepimage="file='list_header_sep.png'" sepwidth="1"/>
							<ListHeaderItem text=""  font="3" endellipsis="true" scale="27" textcolor="#FF151515" bodersize="1" bodercolor="#FF151515" hotimage="file='list_header_hot.png'" pushedimage="file='list_header_pushed.png'" sepimage="file='list_header_sep.png'" sepwidth="1">
								<HorizontalLayout>
									<Text name="multyupdate_eeprom_text_process" padding="15,10,0,5" text="0/0" />
									<Container  bkimage="file='Update\list_header_sep.png'" width="1" height="40"/>
									<Button name="multyupdate_eeprom_btn" text="批量升级" padding="45,5,70,5" textcolor="#FFFFFFFF" font="3" align="center" valign="center" float="false" width="120" height="34" normalimage="file='Update\image_btn_oneclickupdate_nor.png'" hotimage="file='Update\image_btn_oneclickupdate_sel.png'" />
								</HorizontalLayout>
							</ListHeaderItem>
						</ListHeader>
					</List>		
				</HorizontalLayout>
			</VerticalLayout>
		</TabLayout>
	</VerticalLayout>
</Window>

 list扩展控件行列自定义配置

UpdateListItem.xml

<?xml version="1.0" encoding="UTF-8"?>
<Window>
	<!-- <Font shared="true" id="1" name="微软雅黑" size="12" default="true" /> -->
	<ListContainerElement>
		<HorizontalLayout height="40">
			<HorizontalLayout width="30" padding="5,5,5,5">
				<CheckBox name="select_single" endellipsis="true" width="30" height="30" align="center" selectedimage="file='Update\checkbox_p.png' dest='0,0,30,30'" normalimage="file='Update\checkbox_h.png' dest='0,0,30,30'"  />
			</HorizontalLayout>
			<HorizontalLayout width="350">
				<Label name="softname"  align="center" valign="center" textcolor="#FF727272" />
			</HorizontalLayout>
			<HorizontalLayout width="150">
				<Label name="locallastversion"  align="center" valign="center" textcolor="#FF727272"  />
			</HorizontalLayout>
			<HorizontalLayout width="150">
				<Label name="lastversion"  align="center" valign="center" textcolor="#FF727272" />
			</HorizontalLayout>
			<HorizontalLayout width="129">
				<Combo name="enablevercom" font="3" width="129" height="48" align="center" valign="center" normalimage="file='Update\img_insert_combox_nor.png'"/>
			</HorizontalLayout>
			<HorizontalLayout width="330">
				<Label name="extend"  align="center" valign="center" textcolor="#FF727272" />
			</HorizontalLayout>
		</HorizontalLayout>
   </ListContainerElement>
</Window>

3.代码使用

//设置XXX升级列表表格
void CUpdatePage::ShowUpdateTableEEPROM(std::string StrSoftName = "XXX升级列表", std::string StrLocalVersion = "10", std::string StrNewVersion = "12", std::string StrEnableDownLoad = "12", std::string StrDownLoadStatus = "等待更新")
{
	wstring wStrSoftName = CStringHelper::s2ws(StrSoftName);
	wstring wStrLocalVersion = CStringHelper::s2ws(StrLocalVersion);
	wstring wStrNewVersion = CStringHelper::s2ws(StrNewVersion);
	wstring wStrEnableDownLoad = CStringHelper::s2ws(StrEnableDownLoad);
	wstring wStrDownLoadStatus = CStringHelper::s2ws(StrDownLoadStatus);

	int index = 0;
	CListUI* pList = static_cast<CListUI*>(m_PaintManager.FindControl(_T("listexeeprom")));


	if (NULL == pList)
	{
		return;
	}

	CListContainerElementUI* pListElement = NULL;
	if (!m_dlgBuilder.GetMarkup()->IsValid())
	{
		pListElement = static_cast<CListContainerElementUI*>(m_dlgBuilder.Create(_T("UpdateListItem.xml"), (UINT)0, NULL, &m_PaintManager));
	}
	else
	{
		pListElement = static_cast<CListContainerElementUI*>(m_dlgBuilder.Create((UINT)0, &m_PaintManager));
	}



	//设置软件名称
	CLabelUI* pLab = static_cast<CLabelUI*>(m_PaintManager.FindSubControlByName(pListElement, _T("softname")));
	if (pLab != NULL)
	{

		//pLab->SetFixedWidth(350);
		pLab->SetText(wStrSoftName.c_str());
		pLab->SetFont(3);
		pLab->SetBorderSize(1);
		pLab->SetBorderColor(0xFFBDBDBD);
	}

	//设置本地最新版本
	pLab = NULL;
	pLab = static_cast<CLabelUI*>(m_PaintManager.FindSubControlByName(pListElement, _T("locallastversion")));
	if (pLab != NULL)
	{
		//pLab->SetFixedWidth(200);
		pLab->SetText(wStrLocalVersion.c_str());
		pLab->SetFont(3);
		pLab->SetBorderSize(1);
		pLab->SetBorderColor(0xFFBDBDBD);
	}

	//设置最新版本
	pLab = NULL;
	pLab = static_cast<CLabelUI*>(m_PaintManager.FindSubControlByName(pListElement, _T("lastversion")));
	if (pLab != NULL)
	{
		//pLab->SetFixedWidth(130);
		pLab->SetText(wStrNewVersion.c_str());
		pLab->SetFont(3);
		pLab->SetBorderSize(1);
		pLab->SetBorderColor(0xFFBDBDBD);
	}

	//设置可下载版本
	CComboUI *pCom = static_cast<CComboUI*>(m_PaintManager.FindSubControlByName(pListElement, _T("enablevercom")));
	if (pLab != NULL)
	{
		pCom->RemoveAll();

		CListLabelElementUI *pListElem1 = new CListLabelElementUI;
		pListElem1->SetText(wStrEnableDownLoad.c_str());
		pCom->Add(pListElem1);

		pListElem1 = new CListLabelElementUI;
		pListElem1->SetText(wStrEnableDownLoad.c_str());
		pCom->Add(pListElem1);

		pCom->SetBorderSize(1);
		pCom->SetBorderColor(0xFFBDBDBD);
		pCom->SelectItem(0);
	}

	//设置下载状态
	pLab = NULL;
	pLab = static_cast<CLabelUI*>(m_PaintManager.FindSubControlByName(pListElement, _T("extend")));
	if (pLab != NULL)
	{
		//pLab->SetFixedWidth(330);
		pLab->SetText(wStrDownLoadStatus.c_str());
		pLab->SetFont(3);
		pLab->SetBorderSize(1);
		pLab->SetBorderColor(0xFFBDBDBD);
	}


	pListElement->SetFixedHeight(40);
	//pListElement->SetFixedWidth(1200);  //固定高度
	pListElement->SetUserData(_T("UpdateEEPROM"));
	index = pList->GetCount();

	//记录list与pListElement对应关系
	m_CurrentListOrder[index+ ListEepromBase] = pListElement;

	if (!pList->AddAt(pListElement, index))
	{
		delete pListElement;
		return;
	}

}

4.列表的勾选与选中

单选一个，代码如下：

    int index = 0;
    CListUI* pListeeprom = static_cast<CListUI*>(m_PaintManager.FindControl(_T("listexeeprom")));

   if (pListeeprom)
		{
			index = pListeeprom->GetCurSel();//当前所选行
			CControlUI *pControl = pListeeprom->GetItemAt(index);
			CListContainerElementUI* pItem = static_cast<CListContainerElementUI*>(pControl);
			CCheckBoxUI* pCheck = static_cast<CCheckBoxUI*>(m_PaintManager.FindSubControlByName(pItem, _T("select_single")));

			if (pCheck)
			{
				if (pCheck->IsSelected())
				{
					pCheck->SetCheck(false);
				}
				else
				{
					pCheck->SetCheck(true);
				}
			}
			std::string str = CStringHelper::ws2s(pItem->GetUserData().GetData());
			//MessageboxDuilib::ShowMessageBox(NULL, str, "", 1);
		}

表头选中，全选与全不选，如下代码：

//升级界面列表全选
void CUpdatePage::UpdateEepromSelectAll()
{
	CCheckBoxUI *pCheckAll = static_cast<CCheckBoxUI*>(m_PaintManager.FindControl(_T("select_eeprom_all")));;
	if (pCheckAll)
	{
		if (pCheckAll->IsSelected())
		{
			CListUI* pListeeprom = static_cast<CListUI*>(m_PaintManager.FindControl(_T("listexeeprom")));
			if (NULL == pListeeprom)
			{
				return;
			}
			for (int i = 0; i < pListeeprom->GetCount(); i++)
			{
				CControlUI *pControl = pListeeprom->GetItemAt(i);
				CListContainerElementUI* pItem = static_cast<CListContainerElementUI*>(pControl);
				CCheckBoxUI* pCheck = static_cast<CCheckBoxUI*>(m_PaintManager.FindSubControlByName(pItem, _T("select_single")));
				if (pCheck)
				{
					pCheck->Selected(false);
					m_UpdateEepromSelect.clear();
				}
			}
		}
		else
		{
			CListUI* pListeeprom = static_cast<CListUI*>(m_PaintManager.FindControl(_T("listexeeprom")));
			if (NULL == pListeeprom)
			{
				return;
			}
			for (int i = 0; i < pListeeprom->GetCount(); i++)
			{
				CControlUI *pControl = pListeeprom->GetItemAt(i);
				CListContainerElementUI* pItem = static_cast<CListContainerElementUI*>(pControl);
				CCheckBoxUI* pCheck = static_cast<CCheckBoxUI*>(m_PaintManager.FindSubControlByName(pItem, _T("select_single")));
				if (pCheck)
				{
					pCheck->Selected(true);
					m_UpdateEepromSelect.push_back(i);    //记录所选ID
				}
			}
		}
	}
}

5.实时修改列表头的信息

//设置模块下载个数进度
void CUpdatePage::SetEepromUpdateNum(std::string Str)
{
	std::wstring wstr = CStringHelper::s2ws(Str);
	CTextUI *pText = static_cast<CTextUI*>(m_PaintManager.FindControl(_T("multyupdate_eeprom_text_process")));
	if (pText)
	{
		pText->SetText(wstr.c_str());
	}
}

外观效果如文章开头第二张图所示，还可以自行添加其它控件进行扩展，满足自己的需求。

已标记关键词 清除标记
duilib list控件使用
11-18
duilib list控件使用
表情包
插入表情
还能输入1000个字符 “速评一下”
duilib中ListCtrl控件的实现
a539284554的博客
07-26 249
转载请说明出处，谢谢~~ 昨天在编程群里聊天，提到了ListCtrl，然后有网友找我，他需要做一个ListCtrl控件，我看过需求后接下了这个活。今天就把大致的思路和过程记录一下。首先看《任务书》： -----------------------------------------------------------任务书开始---------...
duilib list控件扩展
midle110
09-07 1万+
对于简单的list控件已经有前辈分析了自带demo的ListRes全过程，duilib DirectUI库里面的一个简单的例子ListDemo， 他分析了listdemo的来龙去脉，这里我只是将个人理解的list分析一下。 由于自带的listdemo不能满足要求，所以必须个人扩展list，通过尝试 发现 1. 列表头禁止拖动情况 这种情况很简单， 配置xml的时候将 表头宽度 和 元素宽度
duilib库 list控件怎么实现分页效果
05-19
点一点思路， 实现每页显示固定个数item， item下面根据数目，显示页码数，第1、2、n页这样。
国民度No.1，Python到底做了什么？
CSDN学院
01-20 2万+
毫无疑问，Python 是当下最火的编程语言之一。可以说 Python 的崛起，将编程提高了一个层次，它不再只是程序员专用，各个岗位都在学习 Python，导致普及度和国民度瞬间上升，Python 对整个行业来说都是极其有利的。 正如 TIOBE 官方评价：Python 无处不在，其实自 2018 年开始，各行各业便开始布局 Python。 在教育界， 1、自 2018 年 3 月起，在计算机二级考试加入了“Python 语言程序设计”科目； 2、2018 年，浙江省信息技术教材宣布弃用 VB 语言
duilib combo 滚动条不起作用
cwq水域 的专栏
04-02 1642
试试这个版本的 combo 呱呱，出现问题了， 竟然没有滚动条，以前没发现。。。 属性设置了hscorllbar=”true” vscrollbar=”true” 然并软。。于是跟了下代码，发现 其实 是有调用 滚动条，但是 没有资源，，很自然的进入 CComboUI::DoPaint 没发现啥然后发现 CComboWnd* m_pWindow;这个变量。 继续研究发现 LRESUL
Duilib 源码分析之 CControlUI 篇
Aloe_Jinchx的博客
12-14 3377
今天来介绍一下 Duilib 中所有类型控件的基类： CControlUI，后续后陆续介绍各个不同的控件的实现。对于基类 CControlUI 主要介绍下共通的方法和属性 (由于本人水平有限，以下内容只是个人见解，仅供参考，如有错误请指正，不胜感激，本贴基于 Duilib 的版本是 “Duilib 开源项目圈2群” 中下载的版本，在代码上可能会有些出入) CDuiString GetName()
Duilib--中Combox组合框的不显示
u012719076的博客
11-20 338
XML如下图所示 后来分析： 1.关键字为Combo 2.关键字为ListLabelElement 这两个关键字都写错了，导致，并没有组合框出现呢 3.对于组合框中子项只能有一个被选中，不能写两个 可以更改为如下的XML <Combo name="sig_age_com" float="true" pos="260,170,0,0" width="70" height="50" bkc...
duilib UITreeView bug修复2下载
08-03
duilib UITreeView bug修复2，by:Redrain 相关下载链接：//download.csdn.net/download/zhuhongshu/7732013?utm_sourc
duilib 自定义控件，如何控制CWindowWnd跟着移动
06-08
自己写控件UIEditCombo，支持编辑，随着Edit内容的变化，下拉菜单的选项也会变化，会选择Edit的内容相关的选项； 控件都编写好了，但碰到问题： 当鼠标按住标题移动时，combo选项的窗口不
Duilib Combo bug
bin432的专栏
03-13 1846
在Combo有下拉框的时候 ，如果这个时候Combo控件要重绘，那么下拉框上的Item则会消失不见。 bug修复很简单。 void CComboUI::DoPaint(HDC hDC, const RECT& rcPaint) { CControlUI::DoPaint(hDC, rcPaint); //在有下拉框时 刷新Combo 下拉框的item不会绘制，加上这行代码就可以了
CComboUI bug修复
chngu40648的专栏
02-04 38
duilib CComboUI 有时鼠标拖动不准 by lssaint 次bug修复比较简单，但比较难找到原因先贴源码： 在CComboWnd中找到HandleMessage方法。 将 if(uMsg==WM_KEYDOWN){ swit...
duilib 怎么设置下拉列表框的长度
02-18
duilib 怎么设置下拉列表框的长度
duilib combo如何使用
06-30
<Combo name="ComboBox" width="200" height="30" bkcolor="#FFEA679F" bordersize="1" bordercolor="0xFFFF0000"> <ListLabelElement text="11111111111111"/> <ListLabelElement text="22222222222222"/> <ListLabelElement text="33333333333333" selected="true"/> <ListLabelElement text="44444444444444"/> <ListLabelElement text="55555555555555"/> </Combo> 不能下拉![图片说明](https://img-ask.csdn.net/upload/201606/30/1467286175_180397.jpg)
Duilib中各个类的简单介绍
山不在高，有金则名
12-06 3141
来自：http://www.cnblogs.com/xubin0523/archive/2012/06/01/2530901.html DirectUI意为直接在父窗口上绘图(Paint on parent dc directly)。即子窗口不以窗口句柄的形式创建(windowless)，只是逻辑上的窗口，绘制在父窗口之上。微软的“DirectUI”技术广泛的应用于Windows XP、Vist
关于duilib CComboUI控件下拉框显示错误的问题
liusarzn的博客
04-26 631
在ui资源文件中，如果包含了combo控件，如下： <Combo name="cmb_http_proxy" width="183" height="34" font="1" itemfont="1" textpadding="11,0,0,0" normalimage="file='image\btn_set_normal.png' dest='153,2,183,32'" hotimag...
请教一下win32 + Duilib里, Combo的子项索引是如何获取的呢？
07-22
看了网上的做法，都是SetTag(); 但获取是如何得到子项中对应的Tag的呢？ 我初始化的时候是这样的，我断点过，没问题 for (int i = 0; i < (int)result.size()
duilib combo控件问题
07-31
我设置了个combo控件，并且设置了itemfont=3。但是我点击的时候会变小，选择完之后又会恢复大小。这个是DUILIB本身的BUG吗？如果是，希望哪个大拿帮忙指导下哪里修改。谢谢。
请教一下，Duilib中换肤的问题。会的可以指导一下吗？感激啊
12-28
项目为win32+duilib写的一个Demo.很简单，两个皮肤的区别就一行文字不一样。 资源都打包到skin.dll里了，duilib.zip和duilib2.zip。但切换没成功。请问谁能说说问题
©️2020 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页