duilib 组合多个控件

最新推荐文章于 2025-06-11 15:25:42 发布
最新推荐文章于 2025-06-11 15:25:42 发布
阅读量2k 收藏 13
点赞数
CC 4.0 BY-SA版权
分类专栏： Duilib 学习笔记 文章标签： 自定义控件 duilib 结合多个控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/QWERDF10010/article/details/79358471
本文介绍了一种封装病人信息卡片控件的方法，通过自定义控件实现了病人基本信息的展示功能，并提供了设置病人信息的接口。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

        有时候会遇到一个控件想要多个控件的功能，这时候就需要自己封装控件。或者在一个或多个界面中会有相同的多个控件组合在一起的时候，也可以将这些控件封装到一起。

一、目标实现效果

二、实现
1、XML配置
<?xml version="1.0" encoding="UTF-8"?>
<Window size="367,290">
<HorizontalLayout bkimage="skin/card_normal.png" selectedimage="skin/card_selected.png">
    <Button name="btnPatSelected" width="367" height="290"  bkimage="skin/card_man_normal.png" hotimage="skin/card_man_selected.png"></Button>
    <Label name="PatIcon" text="" float="true" pos="21,21,0,0" width="124" height="124" ></Label>
    <Label name="" text="姓名" float="true" font="4" pos="171,54,0,0" width="55" height="22" align="center"   ></Label>
    <Label name=""  text="年龄" float="true" font="4" pos="230,54,0,0" width="55" height="22" align="center" ></Label>
    <Label name=""  text="性别" float="true" font="4" pos="292,54,0,0" width="55" height="22" align="center" ></Label>
    <Label name="PatName" text="罗文" float="true" font="4" pos="171,90,0,0" width="55" height="22" align="center" ></Label>
    <Label name="PatAge"  text="22" float="true" font="4" pos="230,90,0,0" width="55" height="22" align="center"  ></Label>
    <Label name="PatSex"  text="男" float="true" font="4" pos="292,90,0,0" width="55" height="22" align="center"  ></Label>
    <Label align="left" name="PatBornDate" text="2018-04-01" font="4" float="true" pos="250,175,0,0" width="120" height="17" ></Label>
    <Label align="left" name="PatTel" text="18627293017" font="4" float="true" pos="250,212,0,0" width="120" height="17" ></Label>
    <Label align="left" name="PatCreateDate" text="2018-04-14" font="4" float="true" pos="250,248,0,0" width="120" height="17" ></Label>
    <Label name="" text="ID" font="4" float="true" pos="21,190,0,0" width="124" height="24" align="center" ></Label>
    <Label name="PatID" font="4" text="212121" float="true" pos="21,228,0,0" width="124" height="34" align="center" ></Label>
    <Label name="" text="出生日期:" font="2" float="true" pos="175,175,0,0" width="70" height="17" ></Label>
    <Label name="" text="联系电话:" font="2" float="true" pos="175,212,0,0" width="70" height="17" ></Label>
    <Label name="" text="创建时间:" font="2" float="true" pos="175,248,0,0" width="70" height="17" ></Label>
</HorizontalLayout>
</Window>
C++代码

CPatInfoCardUI.h文件

#ifndef _CPATINFO_CARD_UI_H__
#define _CPATINFO_CARD_UI_H__

namespace DuiLib
{
    typedef struct DuiPatinfo //定义结构体保存需要设置的病人信息（卡片上需要显示的）
    {
        DuiPatinfo()
        {
            ZeroMemory(this, sizeof(DUIPATINFO));
        }
        CDuiString strPatID;  //病人ID
        CDuiString strPatName;//病人姓名
        CDuiString strPatSex;//病人性别
        CDuiString strBornDate;//出生日期
        CDuiString strPatTel;//电话号码
        CDuiString strCreateDate;//创建时间
        CDuiString strPatAge;//病人年龄
    } DUIPATINFO, *PDUIPATINFO;

    class CPatinfoCardUI : public CContainerUI, INotifyUI
    {
    public:
        CPatinfoCardUI();
        ~CPatinfoCardUI();
    private:
        LPCTSTR GetClass() const;
        LPVOID GetInterface(LPCTSTR pstrName);
        UINT GetControlFlags() const;

        void DoInit();
        void Notify(TNotifyUI& msg);


        //重写设置属性
        virtual void SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue);
        void SetHotImage(LPCTSTR pstrValue);//暂且没有用啊
        void SetNormalImage(LPCTSTR pstrValue);//暂且没有用啊
        void SetSelectedImage(LPCTSTR pstrValue);//暂且没有用啊
        void PaintStatusImage(HDC hDC);//暂且没有用啊

        //设置病人参数
        void SetPatInfo(DUIPATINFO &duipatinfo);


    private:
        UINT m_bButtonState;              //选中状态        

        CLabelUI* m_pPatName;           //病人姓名显示
        CLabelUI* m_pPatAge;              //病人年龄
        CLabelUI* m_pPatSex;               //病人性别
        CLabelUI* m_pPatBornDate;      //病人出生日期
        CLabelUI* m_pPatTel;                //创建时间显示
        CLabelUI* m_pPatCreateDate;   //创建时间显示
        CLabelUI* m_pPatID;                 //病人ID显示位置

        CButtonUI * m_pSelectBtn;       //背景按钮（本来准备自定义属性，先用这个解决，这样不用写代码）

        CDuiString m_sNormalImage;//正常状态的背景图片
        CDuiString m_sHotImage;//正常状态的背景图片
        CDuiString m_sSelectedImage;//正常状态的背景图片

        PDUIPATINFO m_PatInfo;//保存显示病人信息参数
        bool m_select;        //是否选中
     };
}

#endif

CPatInfoCardUI.cpp

#include "stdafx.h"
#include "CPatInfoCardUI.h"

namespace DuiLib
{
	CPatinfoCardUI::CPatinfoCardUI()
	{
		
	}

	CPatinfoCardUI::~CPatinfoCardUI()
	{

	}

	LPCTSTR CPatinfoCardUI::GetClass()const
	{
		return _T("CPatInfoCard");
	}

	LPVOID CPatinfoCardUI::GetInterface(LPCTSTR pstrName)
	{
		if( _tcscmp(pstrName,  _T("CPatInfoCard")) == 0 ) return static_cast<CPatinfoCardUI*>(this);
		return CContainerUI::GetInterface(pstrName);
	}

	UINT CPatinfoCardUI::GetControlFlags()const
	{
		return CContainerUI::GetControlFlags();
	}

	void CPatinfoCardUI::DoInit()
	{
		CDialogBuilder builder;
		CContainerUI* pChildWindow = static_cast<CHorizontalLayoutUI*>(builder.Create(_T("ControlCard.xml"), (UINT)0, NULL, m_pManager));
		if (pChildWindow)
		{
			this->Add(pChildWindow);
			//m_pManager->AddNotifier(this); //可能是因为我参考的另一个人的东西；他是用class CMainWnd : public CWindowWnd, p
                                                         //public INotifyUI,public IDialogBuilderCallback;这种方式加载主窗口的，他的不会在分发消息
                                                         //时崩溃；我是用的windowimpbase，所以此处不能添加这行代码,  如果需要用到这个控件的消息，还是在使用控件的位置处理，让控件自己处理会导致崩溃
                }
		else
		{
			this->RemoveAll();
		}

		m_pPatName = static_cast<CLabelUI*>(m_pManager->FindControl(_T("PatName")));
		m_pPatAge = static_cast<CLabelUI*>(m_pManager->FindControl(_T("PatAge")));
		m_pPatBornDate = static_cast<CLabelUI*>(m_pManager->FindControl(_T("PatBornDate")));
		m_pPatSex = static_cast<CLabelUI*>(m_pManager->FindControl(_T("PatSex")));
		m_pPatID = static_cast<CLabelUI*>(m_pManager->FindControl(_T("PatID")));
		m_pPatCreateDate = static_cast<CLabelUI*>(m_pManager->FindControl(_T("PatCreateDate")));
		m_pPatTel = static_cast<CLabelUI*>(m_pManager->FindControl(_T("PatTel")));
		m_pSelectBtn = static_cast<CButtonUI*>(m_pManager->FindControl(_T("btnPatSelected")));
	}

	void CPatinfoCardUI::Notify(TNotifyUI& msg)
	{
		if (msg.sType == DUI_MSGTYPE_SELECTCHANGED)
                {
                   if (msg.pSender == m_pSelectBtn)
                   {
                        //m_pSelectBtn->Selected(true);  //导致死循环崩溃                      
                         m_select = true;                  
                   }
                }
	}
}

void CPatinfoCardUI::SetHotImage(LPCTSTR pstrValue)
{
	m_sHotImage = pstrValue;
}

void CPatinfoCardUI::SetNormalImage(LPCTSTR pstrValue)
{
	m_sNormalImage = pstrValue;
}

void CPatinfoCardUI::SetSelectedImage(LPCTSTR pstrValue)
{
	m_sSelectedImage = pstrValue;
}

void CPatinfoCardUI::PaintStatusImage(HDC hDC)
{

}

void CPatinfoCardUI::SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue)
{
	if( _tcscmp(pstrName, _T("normalimage")) == 0 )
	{
// 		if (m_PatInfo->strPatSex == _T("男"))
// 		{
// 			m_pSelectBtn->SetHotImage(pstrValue);
// 		}
// 		else
// 		{
// 			m_pSelectBtn->SetHotImage(pstrValue);
// 		}
	}
	else if (_tcscmp(pstrName, _T("hotimage")) == 0 )
	{

	}
	else if (_tcscmp(pstrName, _T("selectedimage")) == 0)
	{
		//m_pSelectBtn->SetPushedImage(pstrValue);
		//SetSelectedImage(pstrValue);
	}
	else
	{
		CContainerUI::SetAttribute(pstrName, pstrValue);
	}
}

void CPatinfoCardUI::SetPatInfo(DUIPATINFO &duipatinfo)
{
	m_pPatName->SetText(duipatinfo.strPatName);
	m_pPatSex->SetText(duipatinfo.strPatSex);
	if (m_PatInfo->strPatSex == _T("女"))
	{
		m_pSelectBtn->SetBkImage(_T("skin/card_man_normal.png"));
		m_pSelectBtn->SetHotImage(_T("skin/card_man_selected.png"));
	}
	else
	{
		m_pSelectBtn->SetBkImage(_T("skin/card_woman_normal.png"));
		m_pSelectBtn->SetHotImage(_T("skin/card_woman_selected.png"));
	}
	m_pPatTel->SetText(duipatinfo.strPatTel);
	m_pPatID->SetText(duipatinfo.strPatID);
	m_pPatCreateDate->SetText(duipatinfo.strCreateDate);
	m_pPatBornDate->SetText(duipatinfo.strBornDate);
	m_pPatAge->SetText(duipatinfo.strPatAge);
}

主窗口代码

CControlUI * CEtcdMainWnd::CreateControl(LPCTSTR pstrClass)
{
	CControlUI* pControl = NULL;//= new CControl;
	if (_tcsicmp(pstrClass, _T("ControlCard")) == 0)
	{
		pControl = new CPatinfoCardUI();
	}
	return pControl;
}

主窗口xml配置

<?xml version="1.0" encoding="UTF-8"?>
<HorizontalLayout size="1600,900" >
	<ControlCard width="380" height="300" bkimage="skin/card_normal.png" selectedimage="skin/card_selected.png"></ControlCard>
</HorizontalLayout>

由于我的是在tablayout中的某一个界面，所以不是用的Window，而是用的HorizontalLayout ；

效果图：

右上角就是自己定义的组合的那一个控件；

三、核心类容是Doinit()函数，CreateControl()函数，基类CContainerUI, INotifyUI


2018多看源码，多研究原理！为自己加油！

C++开源界面库Duilib框架与内部实现机制详解
dvlinker的技术专栏
07-26 853
C++开源界面库Duilib框架与内部实现机制详解
duilib入门基础 九 见见世面，duilib 基本控件 组合框
03-15 815
duilib 快速入门 duilib入门基础一 容器之 BOX、VBOX、HBOX布局及其子控件align排列方式 duilib入门基础二 HBOX容器内 子控件margin定位规则 duilib入门基础三 VBOX容器内 子控件margin定位规则 duilib入门基础四 BOX容器内 子控件margin定位规则 duilib入门基础五 简单示例之 文件选择框使用 duilib入门基础 六 见见世面，duilib 基本控件 Button 能实现的界面一览 duilib入门基础 七 ...
Duilib控件合集
03-05
Duilib的控件合集，参考qdtroy的Demo，使用的是官方版Duilib库，实现基本上所有的控件。
DuiLib实现自定义控件
zdongfuyu的专栏
10-30 7226
在DuiLib中实现自定义控件，和
Duilib全攻略：入门到精通
最新发布
weixin_42376614的博客
06-11 979
Duilib是基于UIAutomation库实现的一个UI框架，它使得开发人员能够通过XML来定义界面布局，用脚本语言（如JavaScript）编写逻辑。这种分离设计使得UI更新和维护变得更为高效。Duilib是一个基于C++的UI框架，它能够帮助开发者快速地设计和构建桌面应用程序。其核心思想是从HTML/CSS样式中获得灵感，将界面的设计和程序的逻辑分离，从而让界面的开发工作变得简单和高效。Duilib的核心特性包括：轻量级。
2013 duilib入门简明教程 -- 自绘控件 (15)
weixin_30519071的博客
10-05 475
在【2013 duilib入门简明教程 -- 复杂控件介绍 (13)】中虽然介绍了界面设计器上的所有控件，但是还有一些控件并没有被放到界面设计器上，还有一些常用控件duilib并没有提供(比如菜单控件)。虽然duilib没有提供这些控件，但是自己绘制起来也是非常方便的，不过duilib的自绘可比MFC方便得不止一点点了，其实duilib的自绘大都不用自己绘制，就是一些控件和图片的组合而已，...
duilib添加自定义控件代码
02-27
duilib中添加自定义控件，包括图片和代码等.
duilib：设计一个“长度不够，按钮来凑“的duilib布局控件
the7daydead的专栏
07-26 336
本控件主要为了支持布局内元素很多，但是又不想显示滚动条，意图通过按钮来控制布局滚动的情形。 效果图如下： 当布局高度足以容纳所有子控件时： 当布局高度不足以容纳子控件时： 并且上下按钮支持点击翻页功能。 主要实现思路： 1. 控件构造的时候，把上下两个按钮以及中间的布局给添加到控件里。 2. 控件处理绘制事件的时候，通过判断中间的布局滚动条的显示状态来隐藏/显示上下按钮。 3. 托管上下按钮的点击通知。 4. 由于需要滚动条显示属性的支持，因此只能把滚动条的宽度设置为...
duilib 给几个控件加上边框
12-29
### 在 DuiLib 中为多个控件添加边框 为了实现这一目标，可以通过继承 `CControlUI` 类来创建一个新的控件类，并重写其绘制函数以支持自定义边框。对于特定需求如 `HorizontalLayoutUI` 控件，在原有基础上派生新类...
实现duilib界面下Flash控件透明背景的方法
结合上述知识点，如果要在一个duilib界面中嵌入一个背景透明的Flash控件，开发者需要完成以下步骤： 1. 确保Flash内容本身具有透明背景。这通常涉及到Flash软件中对场景或特定帧的背景色设置为透明。 2. 在duilib的...
DuiLib_Ultimate单选和多选组合框
04-06
DuiLib_Ultimate单选和多选组合框 主要是根据原单选控件和多选控件修改而来 BUG1.鼠标形状设置无效 BUG2图标和文字之间的边框线没有消除 完美主义者慎重下载 DuiLib版本 https://github.com/qdtroy/DuiLib_Ultimate
教你如何用duilib实现控件可拖动，可拖拽
南极圈的博客
07-21 4478
要实现的效果：         鼠标点击控件（自绘控件，可继承任意控件类，下文将给出示例），并且进行拖拽，会有一个半透明黑色阴影来表示当前拖动的位置。当松开鼠标，控件重新绘制在鼠标松开的位置。拖拽功能的实现代码主要在DoEvent函数和DoPostPaint函数中完成的。 实现步骤：      1、 继承需要的控件并重写DoEvent函数，在UIEVENT_BUTTOND
duilib教程之duilib入门简明教程13.复杂控件介绍
dkopg24406的专栏
08-28 464
首先将本节要介绍的控件全部拖到界面上，并调整好位置，如图： 然后将Name属性改成其他名字， 不能是【控件名+UI+数字】这种，因为这是DuiDesigner默认的名字，它不会实际写入到XML，所以如果控件的名字被取成ActiveXUI1、ActiveXUI2、ButtonUI1这种格式的话，Name属性会被忽略，可以看到XML是没有Name属性的： 所...
duilib教程之duilib入门简明教程15.自绘控件
dkopg24406的专栏
08-28 325
在【2013 duilib入门简明教程 -- 复杂控件介绍 (13)】中虽然介绍了界面设计器上的所有控件，但是还有一些控件并没有被放到界面设计器上，还有一些常用控件duilib并没有提供(比如菜单控件)。虽然duilib没有提供这些控件，但是自己绘制起来也是非常方便的，不过duilib的自绘可比MFC方便得不止一点点了，其实duilib的自绘大都不用自己绘制，就是一些控件和图片的组合而已...
Duilib--中Combox组合框的不显示
u012719076的博客
11-20 1270
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 多次设置的文本会叠加显示的问题
江江呀
02-20 372
一、没有添加背景颜色前 代码：<HorizontalLayout inset="100,200,40,40" > 效果： 二、添加背景颜色后 代码：<HorizontalLayout inset="100,200,40,40" bkcolor="#ff000000"> 效果： ...
duilib菜单动态添加
lanxiaziyi的专栏
07-28 820
duilib菜单动态添加
自定义组合控件
maoqimaoqi的博客
07-18 469
自定义组合控件SettingItemView1. 布局文件中完成item样式 2. 创建自定义SettingItemView,继承RelativeLayout, 在构造方法中完成布局加载 3. 设置item点击事件,Checkbox切换,文字变化 4. 在SP中记录item状态, 在SplashActivity中判断item状态,决定是否升级SettingItemView自定义属性删除代码中对文本的
duilib开发（十二）：使用自定义控件
yp18792574062的博客
12-22 2011
一、使用自定义控件
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值