Duilib自绘圆形进度条

最新推荐文章于 2024-05-21 09:43:18 发布
最新推荐文章于 2024-05-21 09:43:18 发布
阅读量3.5k 收藏 8
点赞数
分类专栏： Duilib
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fighton/article/details/72681889
版权



CircleProgressUI.h

#pragma once

namespace DuiLib
{
	class CCircleProgressUI :
		public CProgressUI
	{
	public:
		CCircleProgressUI(void);
		~CCircleProgressUI(void);

		void SetCircular(BOOL bCircular = TRUE);
		void SetClockwiseRotation(BOOL bClockwise = TRUE);
		void SetCircleWidth(DWORD dwCircleWidth);
		void SetBgColor(DWORD dwBgColor);
		DWORD GetBgColor() const;
		void SetFgColor(DWORD dwBgColor);
		DWORD GetFgColor() const;
		void SetIndicator(LPCTSTR lpIndicatorImage);
		void SetEnableCircleEffect(BOOL bEnableCircleEffect = FALSE);
		void SetCircleGradientColor1(DWORD dwColor);
		void SetCircleGradientColor2(DWORD dwColor);
		void SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue);
		void PaintBkColor(HDC hDC);

	private:
		BOOL		m_bCircular;
		BOOL		m_bClockwise;
		DWORD	m_dwCircleWidth;
		DWORD	m_dwBgColor;
		DWORD	m_dwFgColor;
		BOOL		m_bEnableCircleEffect;
		DWORD	m_dwGradientColor1;
		DWORD	m_dwGradientColor2;
		Image*		m_pIndicator;
		CString     m_sIndicatorImage;
	};

}		//namespace Duilib

CircleProgressUI.cpp

#include "StdAfx.h"
#include "CircleProgressUI.h"

namespace DuiLib
{
	extern int GetEncoderClsid(const WCHAR* format, CLSID *pClsid);

	Color ARGB2Color(DWORD dwColor)
	{
		return Color(HIBYTE((dwColor)>>16), GetBValue(dwColor), GetGValue(dwColor), GetRValue(dwColor));
	}

	CCircleProgressUI::CCircleProgressUI(void)
	: m_bCircular(FALSE)
	, m_bClockwise(TRUE)
	, m_dwCircleWidth(10.0)
	, m_dwFgColor()
	, m_dwBgColor()
	, m_bEnableCircleEffect(FALSE)
	, m_dwGradientColor1()
	, m_dwGradientColor2()
	, m_sIndicatorImage(L"")
	, m_pIndicator(NULL)
	{

	}

	CCircleProgressUI::~CCircleProgressUI(void)
	{
		if (m_pIndicator)
		{
			delete m_pIndicator;
		}
	}

	void CCircleProgressUI::SetCircular(BOOL bCircular /* = TRUE */)
	{
		m_bCircular = bCircular;
		Invalidate();
	}

	void CCircleProgressUI::SetClockwiseRotation(BOOL bClockwise)
	{
		if (bClockwise != m_bClockwise)
		{
			m_bClockwise = bClockwise;
			if (m_pIndicator)
			{
				//已经旋转了图片，旋转到相反的方向
				m_pIndicator->RotateFlip(Rotate180FlipNone);
			}
			
		}
	}

	void CCircleProgressUI::SetCircleWidth(DWORD dwCircleWidth)
	{
		m_dwCircleWidth = dwCircleWidth;
		Invalidate();
	}

	void CCircleProgressUI::SetBgColor(DWORD dwBgColor)
	{
		m_dwBgColor = dwBgColor;
		Invalidate();
	}

	DWORD CCircleProgressUI::GetBgColor() const
	{
		return m_dwBgColor;
	}

	void CCircleProgressUI::SetFgColor(DWORD dwFgColor)
	{
		m_dwFgColor = dwFgColor;
		Invalidate();
	}

	DWORD CCircleProgressUI::GetFgColor() const
	{
		return m_dwFgColor;
	}

	void CCircleProgressUI::SetIndicator(LPCTSTR lpIndicatorImage)
	{
		ASSERT(lpIndicatorImage);
		if (m_sIndicatorImage != lpIndicatorImage)
		{		
			m_sIndicatorImage = lpIndicatorImage;
			const TImageInfo* imgInfo = GetManager()->GetImageEx(m_sIndicatorImage);
			BITMAP bmp;
			GetObject(imgInfo->hBitmap, sizeof(BITMAP), &bmp);

			m_pIndicator = new Bitmap(imgInfo->nX, imgInfo->nY, imgInfo->nX * 4, PixelFormat32bppARGB, (BYTE*)bmp.bmBits);
			Status state = m_pIndicator->GetLastStatus();
			if (Ok == state)
			{
				// 假定图片指向上
				m_pIndicator->RotateFlip(m_bClockwise ? Rotate90FlipNone : Rotate270FlipNone);
				Invalidate();
			}		
		}
	}

	void CCircleProgressUI::SetEnableCircleEffect(BOOL bEnableCircleEffect)
	{
		m_bEnableCircleEffect = bEnableCircleEffect;
	}

	void CCircleProgressUI::SetCircleGradientColor1(DWORD dwColor)
	{
		m_dwGradientColor1 = dwColor;
		Invalidate();
	}

	void CCircleProgressUI::SetCircleGradientColor2(DWORD dwColor)
	{
		m_dwGradientColor2 = dwColor;
		Invalidate();
	}

	void CCircleProgressUI::PaintBkColor(HDC hDC)
	{
		CProgressUI::PaintBkColor(hDC);
		if (m_bCircular)
		{
			if( m_nMax <= m_nMin ) m_nMax = m_nMin + 1;
			if( m_nValue > m_nMax ) m_nValue = m_nMax;
			if( m_nValue < m_nMin ) m_nValue = m_nMin;

			int direction = m_bClockwise ? 1 : -1;
			Gdiplus::REAL bordersize = 1.0;
			Graphics graphics( hDC );
			graphics.SetSmoothingMode(SmoothingModeAntiAlias);

			// 圆形中心
			PointF center;
			center.X = m_rcItem.left + (m_rcItem.right - m_rcItem.left) / 2;
			center.Y = m_rcItem.top + (m_rcItem.bottom - m_rcItem.top) / 2;

			// 控件矩形内的最大正方形的边界
			int side = min(m_rcItem.right - m_rcItem.left, m_rcItem.bottom - m_rcItem.top);
			RectF rcBorder;
			rcBorder.X = center.X - side / 2;
			rcBorder.Y = center.Y - side / 2;
			rcBorder.Width = side;
			rcBorder.Height = side;

			// 进度弧形的边界
			Gdiplus::RectF outer = rcBorder;
			if (m_pIndicator)
			{
				outer.Inflate( -1.0F * m_pIndicator->GetWidth() / 2, -1.0F * m_pIndicator->GetWidth() / 2);
			}
			else
			{
				outer.Inflate( -0.5 * m_dwCircleWidth - m_nBorderSize, -0.5 * m_dwCircleWidth - m_nBorderSize );		
			}

			outer.Inflate( -1.0F, -1.0F );

			Pen borderPen(Color::White, bordersize);
			Pen bgPen(m_dwBgColor, m_dwCircleWidth);			
			
			//graphics.DrawEllipse(&borderPen, outer);		
			
			RectF rcArk;
			rcArk.X = outer.X + outer.Width / 2 - m_dwCircleWidth / 2;
			rcArk.Y = outer.Y - m_dwCircleWidth / 2;
			rcArk.Width = rcArk.Height = m_dwCircleWidth;

			if (!m_bEnableCircleEffect)
			{
				Pen fgPen(m_dwFgColor, m_dwCircleWidth);
				graphics.DrawArc(&bgPen, outer, 270, 360);
				graphics.DrawArc(&fgPen, outer, 270, direction * 360 * (m_nValue - m_nMin) / (m_nMax - m_nMin));
			}
			else
			{
				REAL factors[4]={ 0.0f, 0.9f, 0.0f };  
				REAL position[4]={ 0.0f, 0.5f, 1.0f };  

				LinearGradientBrush lgbrush(rcBorder, ARGB2Color(m_dwGradientColor1), ARGB2Color(m_dwGradientColor2), LinearGradientModeVertical);  
				lgbrush.SetBlend(factors, position, 3); 
				//graphics.FillRectangle(&lgbrush, rcBorder); 
				graphics.DrawArc(&bgPen, outer, 270, 360);

				Pen fgPen(&lgbrush, m_dwCircleWidth);
				graphics.DrawArc(&fgPen, outer, 270, direction * 360 * (m_nValue - m_nMin) / (m_nMax - m_nMin));
			}	

			Matrix matrix;
			matrix.RotateAt(direction * 360 * (m_nValue - m_nMin) / (m_nMax - m_nMin), center, MatrixOrderAppend);
			graphics.SetTransform(&matrix);			

			if (m_pIndicator)
			{
				RectF rectf;
				rectf.X = center.X - m_pIndicator->GetWidth() / 2;
				rectf.Y = outer.Y + bordersize / 2 - m_pIndicator->GetHeight() / 2;
				rectf.Width = m_pIndicator->GetWidth();
				rectf.Height = m_pIndicator->GetHeight();
				graphics.DrawImage(m_pIndicator, rectf);
			}
		}
	}

	void CCircleProgressUI::SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue)
	{
		if( _tcscmp(pstrName, _T("circular")) == 0 ) {
			SetCircular(_tcscmp(pstrValue, _T("true")) == 0);
		}
		else if( _tcscmp(pstrName, _T("clockwise")) == 0 ) {
			SetClockwiseRotation(_tcscmp(pstrValue, _T("true")) == 0);
		}
		else if( _tcscmp(pstrName, _T("circlewidth")) == 0 ) SetCircleWidth(_ttoi(pstrValue));
		else if( _tcscmp(pstrName, _T("bgcolor")) == 0 ) {
			if( *pstrValue == _T('#')) pstrValue = ::CharNext(pstrValue);
			LPTSTR pstr = NULL;
			DWORD clrColor = _tcstoul(pstrValue, &pstr, 16);
			SetBgColor(clrColor);
		}
		else if( _tcscmp(pstrName, _T("fgcolor")) == 0 )	{
			if( *pstrValue == _T('#')) pstrValue = ::CharNext(pstrValue);
			LPTSTR pstr = NULL;
			DWORD clrColor = _tcstoul(pstrValue, &pstr, 16);
			SetFgColor(clrColor);
		}
		else if (_tcscmp(pstrName, _T("indicator")) == 0)
		{
			SetIndicator(pstrValue);
		}
		else if( _tcscmp(pstrName, _T("enablecircleeffect")) == 0 ) {
			SetEnableCircleEffect(_tcscmp(pstrValue, _T("true")) == 0);
		}
		else if( _tcscmp(pstrName, _T("gradientcolor1")) == 0 )	{
			if( *pstrValue == _T('#')) pstrValue = ::CharNext(pstrValue);
			LPTSTR pstr = NULL;
			DWORD clrColor = _tcstoul(pstrValue, &pstr, 16);
			SetCircleGradientColor1(clrColor);
		}
		else if( _tcscmp(pstrName, _T("gradientcolor2")) == 0 )	{
			if( *pstrValue == _T('#')) pstrValue = ::CharNext(pstrValue);
			LPTSTR pstr = NULL;
			DWORD clrColor = _tcstoul(pstrValue, &pstr, 16);
			SetCircleGradientColor2(clrColor);
		}
		else CProgressUI::SetAttribute(pstrName, pstrValue);
	}

}		// namespace Duilib

测试代码：

void CMainFrame::OnClick(TNotifyUI& msg)
{
	CDuiString sCtrlName = msg.pSender->GetName();

        if (sCtrlName == _T("start"))
	{
		CCircleProgressUI* progress = static_cast<CCircleProgressUI*>(m_PaintManager.FindControl(L"progress1"));
		progress->SetValue(1);
		CString sAttrs;
		bool bChecked = static_cast<CCheckBoxUI*>(m_PaintManager.FindControl(L"direction"))->GetCheck();
		sAttrs.Format(L"clockwise=\"%s\"", bChecked ? L"true" : L"false");
		progress->ApplyAttributeList(sAttrs);

		progress = static_cast<CCircleProgressUI*>(m_PaintManager.FindControl(L"progress2"));
		progress->SetValue(1);
		bChecked = static_cast<CCheckBoxUI*>(m_PaintManager.FindControl(L"direction"))->GetCheck();
		sAttrs.Format(L"clockwise=\"%s\"", bChecked ? L"true" : L"false");
		progress->ApplyAttributeList(sAttrs);
		m_PaintManager.SetTimer(m_PaintManager.GetRoot(), IDT_PROGRESS, 100);
	}
}

void CMainFrame::OnTimer(TNotifyUI& msg)
{
    switch (msg.wParam)
    {
    case IDT_PROGRESS:
        {
            CCircleProgressUI* progress = static_cast<CCircleProgressUI*>(m_PaintManager.FindControl(L"progress1"));
            progress->SetValue(progress->GetValue() + 1);
            CString percent;
            percent.Format(L"%d%%", 100 * (progress->GetValue() - progress->GetMinValue()) / (progress->GetMaxValue() - progress->GetMinValue()));
            progress->SetText(percent);

            progress = static_cast<CCircleProgressUI*>(m_PaintManager.FindControl(L"progress2"));
            progress->SetValue(progress->GetValue() + 1);
            percent.Format(L"%d%%", 100 * (progress->GetValue() - progress->GetMinValue()) / (progress->GetMaxValue() - progress->GetMinValue()));
            progress->SetText(percent);
        }
    default:
        ;        
    }
}


<CircleProgress name="progress1" circular="true" indicator="飞机.png" clockwise="false" enablecircleeffect="true" gradientcolor1="#FFFFFFFF" gradientcolor2="#FF0000FF" width="250" height="250" circlewidth="6" text="" min="1" max="100" value="10" bgcolor="#FFF8A09F" fgcolor="#FF9DEDF8" gradient="false" bordersize="1" bordercolor="#FFFFFF00" valign="vcenter" textcolor="0xFFFFFFFF" font="2" />


fighton
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
自定义圆形进度条
白云天的博客
07-15 369
最近在研究启航大佬的《Android自定义控件开发入门与实践》一书，内容详细有趣，忍不住写了一个自定义的圆形进度条 一、初始化 1.创建自定义View public class RoundProgressBarView extends View { public RoundProgressBarView(Context context) { this(cont...
DuiLib 自绘鼠标提示窗口 tooltip
04-13
在DuiLib中，"自绘鼠标提示窗口 tooltip"是一个关键的特性，它允许开发者超越系统默认的提示窗口样式，创造出更加个性化和符合应用风格的提示信息。 通常，系统默认的tooltip是简单文本形式，样式单一，而DuiLib的...
duilib 环形进度条
03-20
duilib 自定义环形进度条 用gdi+ 自绘制
duilib自绘制圆形进度条
最新发布
因热爱而执着，因执着而成功。
05-21 44
watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW8zNDA0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)%"/>原文链接：https://blog.csdn.net/c_base_jin/article/details/80472937。
CircleProgress
zhengyongbo的博客
03-21 319
https://www.jianshu.com/p/47b1b4733e86
Duilib的圆环形 进度条 实现（网易云信版本）
weixin_30692143的博客
08-14 491
/** @file CircleProgress.h* @brief 圆环型进度条控件，圆环中间可以有文本（如85%）* @copyright (c) 2019-2022, NetEase Inc. All rights reserved* @author Xuhuajie* @date 2019/8/14*/ #ifndef UI_CONTROL_CIRCLEPROGRESS_H_#...
自绘进度条和自绘图形
08-25
在这个场景中，"自绘进度条和自绘图形"指的是通过编程来创建和定制进度条以及其它图形用户界面（GUI）元素的过程。下面我们将深入探讨这一主题。 首先，进度条是用户界面中常见的一种反馈机制，用于展示任务的完成...
Duilib 控件重绘教程附带例子
02-13
本教程将重点讲解如何在Duilib中进行控件的重绘，以实现自定义的视觉效果。 控件重绘是Duilib中实现界面个性化的重要手段。通过重绘，我们可以改变控件的默认外观，比如修改边框样式、调整颜色、添加图案或者动画...
duilib圆形头像控件
09-05
总之，"duilib圆形头像控件"是Duilib库的一个扩展，它利用了GDI+的绘图能力来实现圆形头像的显示。通过自定义控件，开发者可以方便地在UI设计中实现这一独特的视觉效果。UIHeadIcon.cpp和UIHeadIcon.h文件提供了具体...
duilib 做的Demo ，支持进度条，以及动态修改xml 的内容
07-04
duilib 做的一个demo ，里面包含里进度条的使用，另外还支持动态的修改xml 的内容，即时修改即使显示。
duilib安装界面制作
10-07
duilib 自己制作的安装界面，各种情况考虑，并自定义progress控件
最简单的进度条(UIProgressView)
03-31
利用UIProgressView简单的模仿写了一个网页加载进度条.
用Progress控件实现文字进度条
07-01
用Progress控件实现文字进度条 用Progress控件实现文字进度条 用Progress控件实现文字进度条 用Progress控件实现文字进度条
自定义多样式渐变环形进度条
03-17
module形式导入即可，初始化会展示给用户绘制过程
创意圆形进度条 VC编程实现
07-06
自制圆形进度条，能够有效的改变界面显示效果
使用libcurl开源库和Duilib做的下载文件并显示进度条的小工具
weixin_34314962的博客
08-10 278
转载:http://blog.csdn.net/mfcing/article/details/43603525 转载:http://blog.csdn.net/infoworld/article/details/46646933 转载:http://blog.csdn.net/qq_25867649/article/details/52789467?locationNum=2 转载:http...
Duilib总结与心得
狂奔之林的博客
08-02 1554
控件 控件及继承关系图 【Window】窗口 【Control】除Window外其他所有组件都继承自Control 布局： 【Container】 【VerticalLayout】垂直布局：其内元素按照竖直方式排列 【HorizontalLayout】水平布局：其内元素按照水平方式排列 【TileLayout】平铺布局：例如360工具箱。属性columns[列数,如(4)]...
duilib-自定义圆形按钮-环形进度条控件
Yvan Jiang的专栏
08-21 1739
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&
duilib自绘标题栏
08-01
其中，duilib提供了自绘标题栏的功能，使得开发者可以自定义标题栏的样式和交互行为。 要实现duilib的自绘标题栏，首先需要在XML布局文件中定义标题栏控件。通过设置标题栏的位置、大小和属性等，将其嵌入到主窗口...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值