devbox
小舞很执着
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

duilib最简单的自定义列表_duilib例子

作者：小舞很执着 | 2024-08-07 14:07:00

赞

踩

duilib例子

网上写的关于自定义列表的例子都过于复杂，对初学者不太友好。这里举了一个最简单的例子。

主界面的listdemo.xml内容如下：

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <Window size="500,500" caption="0,0,0,30">
  3. 	<Default name="VScrollBar" value="button1normalimage=&quot;file='scrollbar.png' source='0,0,16,16'&quot; button1hotimage=&quot;file='scrollbar.png' source='16,0,32,16,16'&quot; button1pushedimage=&quot;file='scrollbar.png' source='32,0,48,16'&quot; button2normalimage=&quot;file='scrollbar.png' source='0,32,16,48'&quot; button2hotimage=&quot;file='scrollbar.png' source='16,32,32,48'&quot; button2pushedimage=&quot;file='scrollbar.png' source='32,32,48,48'&quot; thumbnormalimage=&quot;file='scrollbar.png' source='0,48,16,64' corner='0,2,0,2'&quot; thumbhotimage=&quot;file='scrollbar.png' source='16,48,32,64' corner='0,2,0,2'&quot; thumbpushedimage=&quot;file='scrollbar.png' source='32,48,48,64' corner='0,2,0,2'&quot; bknormalimage=&quot;file='scrollbar.png' source='0,16,16,32'&quot;" />
  4. 	<VerticalLayout bkcolor="#FFFFFFE0">
  5. 		<VerticalLayout height="50">
  6. 			<HorizontalLayout>
  7. 				<HorizontalLayout>
  8. 				</HorizontalLayout>
  9. 				<Label align="center" text="列表测试Demo"/>
  10. 				<HorizontalLayout></HorizontalLayout>
  11. 				<Button name="btnstart" text="开始" bkcolor="#FFF5DEB3" padding="8,8,8,8" borderround="5,5"/>
  12. 				<HorizontalLayout>
  13. 				</HorizontalLayout>	
  14. 			</HorizontalLayout>
  15. 		</VerticalLayout>
  16. 		<VerticalLayout > 
  17. 		<!--list开始-->
  18. 			<MyList2 name="list1" header="hidden" itemshowhtml="true" vscrollbar="true">
  19. 				
  20. 			</MyList2>
  21. 		</VerticalLayout>
  22. 	</VerticalLayout>
  23. </Window>

其中MyList2是自定义的列表标签。

 

列表项的friend_list_item.xml文件内容如下：

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <Window>
  3.   <ListContainerElement height="32">
  4. 	  <VerticalLayout height="32">
  5. 		<HorizontalLayout>
  6. 		  <VerticalLayout name="logo_container" width="50">
  7. 			<Button name="logo" width="32" height="32" />
  8. 		  </VerticalLayout>
  9. 		  <VerticalLayout >
  10. 			<HorizontalLayout>
  11. 			  <Label name="nickname" text="default" bordersize="0" width="120" textcolor="#FF000000" disabledtextcolor="#FF808080" />
  12. 			  <Label name="description" bordersize="0" textcolor="#FF808080" />
  13. 			</HorizontalLayout>
  14. 		  </VerticalLayout>
  15. 		</HorizontalLayout>
  16. 	  </VerticalLayout>
  17.   </ListContainerElement>
  18. </Window>

MyList2类的代码如下：

UIMyList2.h

  1. #ifndef UIMYLIST2_H
  2. #define UIMYLIST2_H
  3. #include "../../../duilib/DuiLib/UIlib.h"
  4.  
  5. namespace DuiLib
  6. {
  7. 	struct MyItem2
  8. 	{
  9. 		//头像
  10. 		CDuiString strPic;
  11. 		//名称
  12. 		CDuiString strNiceName;
  13. 		//描述
  14. 		CDuiString strDes;
  15. 	};
  16. 	class CMyListUI2 :public CListUI
  17. 	{
  18. 	public:
  19. 		enum { SCROLL_TIMERID = 10 };
  20.  
  21. 		CMyListUI2(CPaintManagerUI& paint_manager);
  22.  
  23. 		~CMyListUI2();
  24.  
  25. 		bool Add(CControlUI* pControl);
  26.  
  27. 		bool AddAt(CControlUI* pControl, int iIndex);
  28.  
  29. 		bool Remove(CControlUI* pControl, bool bDoNotDestroy = false);
  30.  
  31. 		bool RemoveAt(int iIndex, bool bDoNotDestroy);
  32.  
  33. 		void RemoveAll();
  34.  
  35. 		//定制方法
  36. 		void AddItem(MyItem2& itemdata);
  37.  
  38. 	private:
  39. 		CPaintManagerUI& paint_manager_;
  40.  
  41. 		CDialogBuilder m_dlgBuilder;
  42. 	};
  43. }
  44.  
  45. #endif // UIMYLIST2_H

UIMyList2.cpp

  1.  
  2. #include "UIMyList2.h"
  3.  
  4. namespace DuiLib{
  5.  
  6. 	CMyListUI2::CMyListUI2(CPaintManagerUI& paint_manager)
  7. 		:paint_manager_(paint_manager)
  8. 	{
  9. 		SetItemShowHtml(true);
  10. 	}
  11.  
  12. 	CMyListUI2::~CMyListUI2()
  13. 	{
  14.  
  15. 	}
  16.  
  17. 	bool CMyListUI2::Add(CControlUI* pControl)
  18. 	{
  19. 		if (!pControl)
  20. 			return false;
  21.  
  22. 		if (_tcsicmp(pControl->GetClass(), DUI_CTR_LISTCONTAINERELEMENT) != 0)
  23. 			return false;
  24.  
  25. 		return CListUI::Add(pControl);
  26. 	}
  27.  
  28. 	bool CMyListUI2::AddAt(CControlUI* pControl, int iIndex)
  29. 	{
  30. 		if (!pControl)
  31. 			return false;
  32.  
  33. 		if (_tcsicmp(pControl->GetClass(), DUI_CTR_LISTCONTAINERELEMENT) != 0)
  34. 			return false;
  35.  
  36. 		return CListUI::AddAt(pControl, iIndex);
  37. 	}
  38.  
  39. 	bool CMyListUI2::Remove(CControlUI* pControl, bool bDoNotDestroy)
  40. 	{
  41. 		if (!pControl)
  42. 			return false;
  43.  
  44. 		if (_tcsicmp(pControl->GetClass(), DUI_CTR_LISTCONTAINERELEMENT) != 0)
  45. 			return false;
  46.  
  47. 		return CListUI::Remove(pControl, bDoNotDestroy);
  48. 	}
  49.  
  50. 	bool CMyListUI2::RemoveAt(int iIndex, bool bDoNotDestroy)
  51. 	{
  52. 		CControlUI* pControl = GetItemAt(iIndex);
  53. 		if (!pControl)
  54. 			return false;
  55.  
  56. 		if (_tcsicmp(pControl->GetClass(), DUI_CTR_LISTCONTAINERELEMENT) != 0)
  57. 			return false;
  58.  
  59. 		return CListUI::RemoveAt(iIndex, bDoNotDestroy);
  60. 	}
  61.  
  62. 	void CMyListUI2::RemoveAll()
  63. 	{
  64. 		CListUI::RemoveAll();
  65. 	}
  66.  
  67. 	void CMyListUI2::AddItem(MyItem2& itemdata)
  68. 	{
  69. 		CListContainerElementUI* pItem = NULL;
  70. 		if (!m_dlgBuilder.GetMarkup()->IsValid())
  71. 		{
  72. 			pItem = static_cast<CListContainerElementUI*>(m_dlgBuilder.Create(_T("friend_list_item.xml"), (UINT)0, NULL, &paint_manager_));
  73. 		}
  74. 		else {
  75. 			pItem = static_cast<CListContainerElementUI*>(m_dlgBuilder.Create((UINT)0, &paint_manager_));
  76. 		}
  77. 		if (!pItem) return;
  78. 		this->Add(pItem);
  79. 		//设置头像
  80. 		CButtonUI *pBtn = static_cast<CButtonUI*>(pItem->FindSubControl(_T("logo")));
  81. 		if (pBtn)
  82. 		{
  83. 			pBtn->SetNormalImage(itemdata.strPic);
  84. 		}
  85. 		//设置昵称
  86. 		CLabelUI * pNickName = static_cast<CLabelUI*>(pItem->FindSubControl(_T("nickname")));
  87. 		if (pNickName)
  88. 		{
  89. 			pNickName->SetText(itemdata.strNiceName);
  90. 		}
  91. 		//设置描述
  92. 		CLabelUI * pDes = static_cast<CLabelUI*>(pItem->FindSubControl(_T("description")));
  93. 		if (pDes)
  94. 		{
  95. 			pDes->SetText(itemdata.strDes);
  96. 		}
  97. 	}
  98. }

 

main函数主框架的的代码如下：

  1. #pragma once
  2.  
  3. #include "../../../duilib/DuiLib/UIlib.h"
  4. //#include <Windows.h>
  5.  
  6. #pragma comment(lib,"./bin/duilib_d.lib")
  7.  
  8.  
  9. #include "UIMyList2.h"
  10.  
  11. using namespace DuiLib;
  12.  
  13. class CDuiFrameWnd : public WindowImplBase
  14. {
  15. public:
  16. 	virtual LPCTSTR    GetWindowClassName() const { return _T("listDemo1"); }
  17. 	virtual CDuiString GetSkinFile() { return _T("listdemo.xml"); }
  18. 	virtual CDuiString GetSkinFolder() { return _T(""); }
  19.  
  20. 	//virtual LRESULT HandleMessage(UINT uMsg, WPARAM wParam, LPARAM lParam)
  21. 	//{
  22. 	//	return WindowImplBase::HandleMessage(uMsg, wParam, lParam);
  23. 	//}
  24. 	virtual void Notify(TNotifyUI& msg)
  25. 	{
  26. 		
  27. 		if (msg.sType == DUI_MSGTYPE_CLICK && msg.pSender->GetName() == _T("btnstart"))
  28. 		{
  29. 			//点按钮往列表插入数据
  30. 			CMyListUI2* pMyList2 = static_cast<CMyListUI2*>(m_PaintManager.FindControl(_T("list1")));
  31. 			if (pMyList2)
  32. 			{
  33. 				MyItem2 itemdata1;
  34. 				itemdata1.strPic = _T("default.png");
  35. 				itemdata1.strNiceName = _T("小明");
  36. 				itemdata1.strDes = _T("我就是我，是颜色不一样的焰火1");
  37. 				pMyList2->AddItem(itemdata1);
  38.  
  39. 				MyItem2 itemdata2;
  40. 				itemdata2.strPic = _T("default.png");
  41. 				itemdata2.strNiceName = _T("小王");
  42. 				itemdata2.strDes = _T("我就是我，是颜色不一样的焰火2");
  43. 				pMyList2->AddItem(itemdata2);
  44.  
  45. 				MyItem2 itemdata3;
  46. 				itemdata3.strPic = _T("default.png");
  47. 				itemdata3.strNiceName = _T("小张");
  48. 				itemdata3.strDes = _T("我就是我，是颜色不一样的焰火3");
  49. 				pMyList2->AddItem(itemdata3);
  50. 			}
  51. 			return;
  52. 		}
  53. 		
  54. 	}
  55. 	virtual CControlUI* CreateControl(LPCTSTR pstrClass)
  56. 	{
  57. 		if (_tcsicmp(pstrClass, _T("MyList2")) == 0)
  58. 		{
  59. 			return new CMyListUI2(m_PaintManager);
  60. 		}
  61. 		else
  62. 			return NULL;
  63. 	}
  64. };
  65.  
  66. int APIENTRY _tWinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPTSTR lpCmdLine, int nCmdShow)
  67. {
  68. 	CPaintManagerUI::SetInstance(hInstance);
  69.  
  70. 	CDuiFrameWnd duiFrame;
  71. 	duiFrame.Create(NULL, _T("DUIWnd"), UI_WNDSTYLE_FRAME, WS_EX_WINDOWEDGE);
  72. 	duiFrame.CenterWindow();
  73. 	duiFrame.ShowModal();
  74. 	return 0;
  75. }

CMyList2的代码已经非常简单了，重写基类的方法实现也很简单。基本上一看就懂。其实本质就是往list中添加子项为CListContainerElementUI控件，该控件包含所有其他控件组成了列表的一项。

个人认为最重要的几个方法是，

CDuiFrameWnd 的CreateControl方法（duilib识别到未知标签后会调用该方法，让程序员返回自定义标签类的实例）以及

CListContainerElementUI的FindSubControl（通过name属性查找子控件）、

CDialogBuilder 的Create方法使用（通过xml文件创建控件）

不懂请留言

程序运行结果如下：

点击开始按钮向列表添加数据

 

 

 

 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小舞很执着/article/detail/942898
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。