duilib学习之一 增加GroupBox

最新推荐文章于 2020-08-21 17:32:11 发布
最新推荐文章于 2020-08-21 17:32:11 发布
阅读量2.5k 收藏 4
点赞数 2
分类专栏： C++学习笔记 duilib duilib学习 文章标签： duilib
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asd313346541/article/details/47055113
版权 

<span style="font-family: 'microsoft yahei'; font-size: 1.7em; line-height: 1.1; white-space: pre-wrap; background-color: rgb(255, 255, 255);">Duilib扩展之增加GropBox控件</span>

才刚开始学习使用duilib，然后发现没有GroupBox,百度了N页也没发现duilib关于这个控件的，难道就没人用这个吗……没办法了，自己动手，丰衣足食。其实GroupBox也不难，它就是一个容器，然后在左上边线显示一个Caption即可。所以只需要继承CContainerUI，然后重新定位Text位置，将上边框线“打断”为两部分就行了，即重写PaintText和PaintBorder。由于这个控件只是自己用，再加上一个新手，不熟悉duilib的具体机制，所以比较粗糙，只实现了自己需要的功能

下面上代码，关键部分都写到注释上去了...

GroupBox.h

#pragma once

#include <UIlib.h>					//如果扩展组件放在DUILIB目录，则包含 stdafx.h

#define  GROUPBOX_TEXT_OFFSET		20		//定义GroupBox中的Text相对于左边的偏移


using namespace DuiLib;
class CGroupBoxUI :
	public CContainerUI
{
public:
	CGroupBoxUI();
	~CGroupBoxUI();
	virtual LPCTSTR GetClass() const;
	virtual LPVOID GetInterface(LPCTSTR pstrName);
	virtual void SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue);
	void PaintText(HDC hDC);
	void PaintBorder(HDC hDC);
	void SetTextColor(DWORD dwTextColor);
	void SetFont(int iFont);
	void SetShowHtml(bool bShowHtml);

private:
	DWORD	m_dwTextColor;		///字休颜色
	int		m_iFont;			///字体号，大小
	bool	m_bShowHtml;		///是否显示HTML代码
	int		m_iTextWidth;		///Text文字宽
	int		m_iTextHeigh;		///Text文字高
};


GroupBox.cpp

#include "GroupBoxUI.h"
//#include <UIlib.h>

CGroupBoxUI::CGroupBoxUI() :m_iFont(-1), m_bShowHtml(false)
{

}


CGroupBoxUI::~CGroupBoxUI()
{
}

///	@return LPCTSTR 返回控件类名
///	@note	本函数返回控件类，格式为LPCTSTR
LPCTSTR CGroupBoxUI::GetClass() const
{
	return TEXT("GroupBoxUI");
}


/// @return LPVOID类型
///	@note 获取接口
LPVOID CGroupBoxUI::GetInterface(LPCTSTR pstrName)
{
	if (_tcscmp(pstrName, TEXT("GroupBox")) == 0)
	{
		return static_cast<CGroupBoxUI*>(this);
	}
	
	return CContainerUI::GetInterface(pstrName);
}


///	设置控件属性
/// @param pstrname		欲设置的属性名称，LPCTSTR类型
/// @param pstrValue	欲设置的属性值，LPCTSTR类型
/// @see				CControlUI::SetAttribute()
/// @note				重载基类，增加部分基类没有的属性
void CGroupBoxUI::SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue)
{
	if (_tcscmp(pstrName, _T("font")) == 0) SetFont(_ttoi(pstrValue));
	else if (_tcscmp(pstrName, _T("textcolor")) == 0) 
	{
		if (*pstrValue == _T('#')) pstrValue = ::CharNext(pstrValue);
		LPTSTR pstr = NULL;
		DWORD clrColor = _tcstoul(pstrValue, &pstr, 16);
		SetTextColor(clrColor);
	}
	else if (_tcscmp(pstrName, _T("showhtml")) == 0) 
		SetShowHtml(_tcscmp(pstrValue, _T("true")) == 0);

	else CControlUI::SetAttribute(pstrName, pstrValue);
}

/// 设置控件文字颜色
/// @param	dwTextColor		欲设置的文字颜色
/// @note	设置文字颜色，并立即刷新
void CGroupBoxUI::SetTextColor(DWORD dwTextColor)
{
	m_dwTextColor = dwTextColor;
	Invalidate();
}


/// 设置控件字体
/// @param	iFont		欲设置的字体号
/// @note	设置字体，并立即刷新
void CGroupBoxUI::SetFont(int iFont)
{
	m_iFont = iFont;
	Invalidate();
}


void CGroupBoxUI::SetShowHtml(bool bShowHtml)
{
	if (m_bShowHtml == bShowHtml) return;

	m_bShowHtml = bShowHtml;
	Invalidate();
}


/// 关键部分
void CGroupBoxUI::PaintText(HDC hDC)
{
	//如果没有设置字体颜色，则用默认设置
	if (m_dwTextColor == 0)
	{
		m_dwTextColor = m_pManager->GetDefaultFontColor();
	}


	RECT rc;		//文字输出位置
	rc = GetPos();

	rc.left = rc.left + m_cxyBorderRound.cx + GROUPBOX_TEXT_OFFSET;	//这个地方采用了硬编码的方式，不知道怎么计算文字应该放的位置
		
	HFONT hOldFont = (HFONT)::SelectObject(hDC, m_pManager->GetFont(m_iFont));
	Gdiplus::Graphics graphics(hDC);
	Gdiplus::Font font(hDC);
	graphics.SetTextRenderingHint(Gdiplus::TextRenderingHintSystemDefault);
	graphics.SetSmoothingMode(Gdiplus::SmoothingModeHighQuality);
	graphics.SetInterpolationMode(Gdiplus::InterpolationModeHighQualityBicubic);
	Gdiplus::RectF rectF((Gdiplus::REAL)rc.left, (Gdiplus::REAL)rc.top, (Gdiplus::REAL)(rc.right - rc.left), (Gdiplus::REAL)(rc.bottom - rc.top));
	Gdiplus::SolidBrush brush(Gdiplus::Color(254, GetBValue(m_dwTextColor), GetGValue(m_dwTextColor), GetRValue(m_dwTextColor)));

	Gdiplus::StringFormat stringFormat = Gdiplus::StringFormat::GenericTypographic();
	Gdiplus::RectF bounds;
	graphics.MeasureString(m_sText, -1, &font, rectF, &stringFormat, &bounds);
	
	// MeasureString存在计算误差，这里加一像素
	rc.bottom = rc.top + (long)bounds.Height + 1;		//这两句是从UIRender.cpp中DrawText()中拷出来的，不知道意义何在
	rc.right = rc.left + (long)bounds.Width + 1;
	
	m_iTextWidth = (int)bounds.Width;
	m_iTextHeigh = (int)bounds.Height;
	
	graphics.DrawString(m_sText, -1, &font, rectF, &stringFormat, &brush);

	::SelectObject(hDC, hOldFont);

}


void CGroupBoxUI::PaintBorder(HDC hDC)
{
	RECT rc = GetPos();		//画框框时的位置

	rc.top += (m_iTextHeigh * 1) / 2;		//最顶部的线移到Text的中下部

	int nSize = m_nBorderSize;
	//DWORD dwPenColor = m_dwBorderColor;
	Gdiplus::Graphics graphics(hDC);

	//const Gdiplus::Pen pen(Gdiplus::Color::Red, 1.0f);

	DWORD dwPenColor = GetAdjustColor(m_dwBorderColor);
	ASSERT(::GetObjectType(hDC) == OBJ_DC || ::GetObjectType(hDC) == OBJ_MEMDC);
	HPEN hPen = ::CreatePen(PS_SOLID | PS_INSIDEFRAME, nSize, RGB(GetBValue(dwPenColor), GetGValue(dwPenColor), GetRValue(dwPenColor)));
	HPEN hOldPen = (HPEN)::SelectObject(hDC, hPen);
	::SelectObject(hDC, ::GetStockObject(HOLLOW_BRUSH));

	//定位四个圆角的位置
	RECT rcTopLeftCorner = { rc.left, rc.top, rc.left + 2 * m_cxyBorderRound.cx, rc.top + 2 * m_cxyBorderRound.cy };
	RECT rcTopRightCorner = { rc.right - 2 * m_cxyBorderRound.cx, rc.top, rc.right, rc.top + 2 * m_cxyBorderRound.cy };
	RECT rcBottomLeftCorner = { rc.left, rc.bottom - 2 * m_cxyBorderRound.cy, rc.left + 2 * m_cxyBorderRound.cx, rc.bottom };
	RECT rcBottomRightCorner = { rc.right - 2 * m_cxyBorderRound.cx, rc.bottom - 2 * m_cxyBorderRound.cy, rc.right, rc.bottom };

	//画四个圆角
	const Gdiplus::Pen pen(Gdiplus::Color(GetBValue(dwPenColor), GetGValue(dwPenColor), GetRValue(dwPenColor)), (float)m_nBorderSize);
	graphics.DrawArc(&pen, rcTopLeftCorner.left, rcTopLeftCorner.top, rcTopLeftCorner.right - rcTopLeftCorner.left, rcTopLeftCorner.bottom - rcTopLeftCorner.top, 180.0f, 90.0f);
	graphics.DrawArc(&pen, rcTopRightCorner.left, rcTopRightCorner.top, rcTopRightCorner.right - rcTopRightCorner.left, rcTopRightCorner.bottom - rcTopRightCorner.top, 270.0f,90.0f);
	graphics.DrawArc(&pen, rcBottomLeftCorner.left, rcBottomLeftCorner.top, rcBottomLeftCorner.right - rcBottomLeftCorner.left, rcBottomLeftCorner.bottom - rcBottomLeftCorner.top, 90, 90);
	graphics.DrawArc(&pen, rcBottomRightCorner.left, rcBottomRightCorner.top, rcBottomRightCorner.right - rcBottomRightCorner.left, rcBottomRightCorner.bottom - rcBottomRightCorner.top, 0, 91);

	
	//画线----GDI
	MoveToEx(hDC, rc.left, rc.top + m_cxyBorderRound.cy, NULL);			//左边线
	LineTo(hDC, rc.left, rc.bottom - m_cxyBorderRound.cy);

	MoveToEx(hDC, rc.left + m_cxyBorderRound.cx, rc.top, NULL);			//上第一条线
	LineTo(hDC, rc.left + m_cxyBorderRound.cx + GROUPBOX_TEXT_OFFSET - 5, rc.top);		//-5 是为了给Text增加左边间距

	MoveToEx(hDC, rc.left + m_cxyBorderRound.cx + GROUPBOX_TEXT_OFFSET + m_iTextWidth + 5, rc.top, NULL);		//上第二条线，+5是为了给Text增加右边间距
	LineTo(hDC, rc.right - m_cxyBorderRound.cx, rc.top);

	MoveToEx(hDC, rc.right, rc.top + m_cxyBorderRound.cy, NULL);		//右边线
	LineTo(hDC, rc.right, rc.bottom - m_cxyBorderRound.cy);

	MoveToEx(hDC, rc.left + m_cxyBorderRound.cx, rc.bottom, NULL);
	LineTo(hDC, rc.right - m_cxyBorderRound.cx, rc.bottom);


	//画线GDI+    GDI+画线 有偏移，得修改width、height
	//graphics.DrawLine(&pen, rc.left, rc.top + m_cxyBorderRound.cy, rc.left, rc.bottom - m_cxyBorderRound.cy);
	//graphics.DrawLine(&pen, rc.left + m_cxyBorderRound.cx, rc.top, rc.left + m_cxyBorderRound.cx + GROUPBOX_TEXT_OFFSET - 5, rc.top);
	//graphics.DrawLine(&pen, rc.left + m_cxyBorderRound.cx + GROUPBOX_TEXT_OFFSET + m_iTextWidth + 5, rc.top, rc.right - m_cxyBorderRound.cx, rc.top);
	//graphics.DrawLine(&pen, rc.right, rc.top + m_cxyBorderRound.cy, rc.right, rc.bottom - m_cxyBorderRound.cy);		//右边线显示不出来
	//graphics.DrawLine(&pen, rc.left + m_cxyBorderRound.cx, rc.bottom, rc.right - m_cxyBorderRound.cx, rc.bottom);	//底边线也显示不出来
	

	
			//开始画圆角矩形边框
			//RECT rcTopLeftCorner = { rc.left, rc.top, rc.left + 20, rc.top + 20 };	//左上角圆角
			//RECT rcTopRightCorner = { rc.right - 2 * m_cxyBorderRound.cx, rc.top, rc.right, rc.top + 2 * m_cxyBorderRound.cy };
			//RECT rcBottomLeftCorner = { rc.left, rc.bottom - 2 * m_cxyBorderRound.cy, rc.left + 2 * m_cxyBorderRound.cx, rc.bottom };
			//RECT rcBottomRightCorner = { rc.right - 2 * m_cxyBorderRound.cx, rc.bottom - 2 * m_cxyBorderRound.cy, rc.right, rc.bottom };
			
			//画左上角圆角
	
			/*MoveToEx(hDC, rc.left, rc.top, NULL);
			LineTo(hDC, rc.left, rc.bottom);

			MoveToEx(hDC, rc.left, rc.top, NULL);
			LineTo(hDC, rc.left, rc.top);

			MoveToEx(hDC, rc.left, rc.top, NULL);
			LineTo(hDC, rc.right, rc.top);

			MoveToEx(hDC, rc.right, rc.top, NULL);
			LineTo(hDC, rc.right, rc.bottom);
			MoveToEx(hDC, rc.left, rc.bottom, NULL);
			LineTo(hDC, rc.right, rc.bottom);*/
			::SelectObject(hDC, hOldPen);
			::DeleteObject(hPen);
			
		
}


asd313346541
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
基于DirectUI的界面库设计
09-21
摘要详细介绍了Direct UI 界面库的概念、特征，论述了Direct UI 界面库的设计方法．Direct UI 界面库包括界 面文档的设计、组件的内存布局、控件库的设计、消息及界面的更新、脚本引擎设计、系统函数的封装等部分． 其中在控件库的设计部分着重介绍了动态类生成的设计思想，在脚本部分对Google 浏览器的JavaScript 脚本引 擎V8 的使用方法也做了简要介绍． 关键词Direct UI；界面库；Google V8 ；动态类生成；JavaScript 引擎；
GroupBox对界面中的控件进行分组.rar
07-01
GroupBox对界面中的控件进行分组.rar GroupBox对界面中的控件进行分组.rar
duilib入门三之控件属性
lishi969635的专栏
11-30 3308
要想写好duilib的界面，必须了解它的控件属性，它的属性实在太多，不一定能够全部记得住，只好将作者原文贴在这下面了。在duilib源码中的专门有一个文档讲到这些属性 <Attribute name="bkimage" default=""
Duilib学习资料自学
06-19
Duilib
duilib 学习 cmake
04-04
用cmake管理的一个空的duilib工程，对于刚接触duilib的同学是一个很好地入门界面，可以开始你的duilib界面之旅了
Duilib 圆形头像控件
05-25
duilib 圆形头像控件，使用方式 <ElipsePhoto name="user_pic" height="50" width="50" tooltip="Tip" bkimage="D:\\cat.jpeg"> </ElipsePhoto>
duilib-自定义圆形按钮-环形进度条控件
Yvan Jiang的专栏
08-21 1627
duilib-自定义圆形按钮-环形进度条控件 如何自定义一个圆形按钮控件内嵌到环形进度条底部，点击按钮刷新进度条值，类似下图： 1、在UIDefine.h中增加宏定义 #define DUI_CTR_BTN_PROGRESS (_T("btnProgress")) 2、编码控件头文件 UIBtnProgress.h #ifndef UI_BTN_PROGRESS_H #define UI_BTN_PROGRESS_H #pragma once #include <GdiPlus.h&
2013 duilib入门简明教程 -- 总结 (20)
weixin_30525825的博客
10-06 427
duilib的入门系列就到尾声了，再次提醒下，Alberl用的duilib版本是SVN上第387个版本，时间是2013.08.15~ 这里给出Alberl最后汇总的一个工程，戳我下载，效果如图： 2013 duilib入门教程汇总： 2013 duilib入门简明教程 -- 前言(1) 2013 duilib入门简明教程 -- VS环境配置...
Duilib库中的点九图使用（解决控件贴图拉伸圆角变形问题等）
FireBird
12-13 4062
Duilib库支持类似安卓系统中所用的点九图技术。参考网络上其他点九图说明资料，在此详述其在Duilib库中的具体应用。 点九图在Duilib库中的使用，有其自身特点。无须像安卓中要在图中绘制标记，Duilib库中所用点九图，就是普通的图像，其拉伸区域的定位标记是在xml的属性参数中体现。 点九图原理 点九图在duilib的应用
duilib学习笔记
04-18
自己总结的学习笔记，从环境配置到list扩展、tab控件使用，与mfc结合，涵盖编码步骤、源码各个方面。有了这个文档，入门是没有问题的，当然排版也很美丽
Duilib基础入门学习
01-14
Duilib学习入门文档，很适合新手入门学习，内容简单通俗易懂
duilib学习
08-26
duilib界面开发学习
node-v9.6.0-x86.msi
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
Python基于机器学习的分布式系统故障诊断系统源代码，分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别
04-29
基于技术手段（包括但不限于机器学习、深度学习等技术）对分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别，实现分布式系统故障运维的智能化，快速恢复故障的同时大大降低分布式系统运维工作的难度，减少运维对人力资源的消耗。在分布式系统中某个节点发生故障时，故障会沿着分布式系统的拓扑结构进行传播，造成自身节点及其邻接节点相关的KPI指标和发生大量日志异常
JavaScript前端开发的核心语言前端开发的核心语言
最新发布
04-29
javascript 当今互联网时代，JavaScript已经成为了前端开发的核心语言它是一种高级程序设计语言，通常用于网页的交互和动态效果的实现。JavaScript的灵活性以及广泛的使用使得它变得异常重要，能够为用户带来更好的用户体验。 JavaScript的特点之一是它的轻量级，它可以在网页中运行无需单独的编译或下载。这意味着网页可以更快地加载并且用户无需安装额外的软件才能运行网页上的JavaScript代码。此外，与HTML和CSS紧密结合，可以直接在HTML文档中嵌入，使得网页的开发变得非常便捷。 JavaScript具有动态性，它可以在浏览器中实时修改页面内容和样。它可以通过操作DOM（文档对象模型来动态地修改网页的结构和布局，并且可以根据用户的行为实时地响应各种事件，如点击、标悬停、滚动等。这使得开发者可以轻松地为网页添加交互性和动态效果，提供更好的用户体验。 JavaScript也是一种面向对象的语言。它支持对象、类、继承、多态等面向对象编程的概念，使得代码结构更加清晰和可维护。开发者可以创建自定义的对象和方法，对功能进行封装和复用，提高代码的可读性和可维护性。
四则运算自动生成程序安装包
04-29
四则运算自动生成程序安装包
基于Linux的私有文件服务器(网盘).zip
04-29
基于Linux的私有文件服务器(网盘)
源代码-access 管理 系统 API 文件.zip
04-29
源代码-access 管理 系统 API 文件.zip
给我一个duilib的简单demo程序
05-28
好的，以下是一个使用 Duilib 的简单 demo 程序，它展示了如何创建一个窗口并显示一个按钮控件。 ```cpp #include <Windows.h> #include "DuiLib/UIlib.h" using namespace DuiLib; class CMainFrame : public WindowImplBase { public: CMainFrame() {} virtual LPCTSTR GetWindowClassName() const { return _T("DUIMainFrame"); } virtual CDuiString GetSkinFile() { return _T("mainframe.xml"); } virtual CDuiString GetSkinFolder() { return _T("res"); } virtual void InitWindow() { CButtonUI* pButton = static_cast<CButtonUI*>(m_PaintManager.FindControl(_T("btn_test"))); if (pButton) { pButton->OnEvent += MakeDelegate(this, &CMainFrame::OnBtnTestClick); } } void OnBtnTestClick(TNotifyUI& msg) { MessageBox(NULL, _T("Hello, Duilib!"), _T("Message"), MB_OK); } }; int APIENTRY wWinMain(HINSTANCE hInstance, HINSTANCE /*hPrevInstance*/, LPWSTR lpCmdLine, int nCmdShow) { CPaintManagerUI::SetInstance(hInstance); CMainFrame frame; frame.Create(NULL, _T("Duilib Demo"), UI_WNDSTYLE_FRAME, WS_EX_WINDOWEDGE); frame.SetIcon(IDI_ICON); frame.CenterWindow(); frame.ShowWindow(); CPaintManagerUI::MessageLoop(); return 0; } ``` 你可以将上述代码保存到一个名为 `main.cpp` 的文件中，并且需要将 `mainframe.xml` 和 `res` 文件夹放到同一目录下，其中 `mainframe.xml` 为窗口的布局文件，`res` 文件夹中存放了窗口所需的资源文件，比如图片等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值