MFC自绘矩形渐变颜色框

最新推荐文章于 2023-11-26 09:40:53 发布
最新推荐文章于 2023-11-26 09:40:53 发布
阅读量913 收藏 1
点赞数
分类专栏： VS 文章标签： mfc c++ visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Nuky_/article/details/126297224
版权

一、明确方法

在进行自绘矩形渐变框的时候，首先考虑了一些方法：

  1. 创建画刷，利用函数Rectangle画一小段距离的颜色矩形条，每一小块的矩形颜色不同，从来达到颜色渐变的效果；但是缺点就是，我绘制的时候出现每块矩形条都有黑色线条进行隔绝，因此不符合我的需求！
  2. 创建画笔来实现颜色的变化，可以！但是运行内存花费大！
  3. 创建画刷，利用FillRect函数来实现矩形颜色渐变的效果，补足第一点的缺点！

二、利用画笔实现

觉得所有的话语都是苍白的，直接体验代码有更好的代入感，代码如下：
.h代码：

// TestGameHandle2Dlg.h : 头文件
//

#pragma once


// CTestGameHandle2Dlg 对话框
class CTestGameHandle2Dlg : public CDialogEx
{
// 构造
public:
	CTestGameHandle2Dlg(CWnd* pParent = NULL);	// 标准构造函数

// 对话框数据
	enum { IDD = IDD_TESTGAMEHANDLE2_DIALOG };

	protected:
	virtual void DoDataExchange(CDataExchange* pDX);	// DDX/DDV 支持

	void DrawGradientColor1(int x,int y);
	void ClearDrawGradientColor(int x,int y);
// 实现
protected:
	HICON m_hIcon;

	// 生成的消息映射函数
	virtual BOOL OnInitDialog();
	afx_msg void OnPaint();
	afx_msg HCURSOR OnQueryDragIcon();
	DECLARE_MESSAGE_MAP()
public:
	afx_msg void OnTimer(UINT_PTR nIDEvent);
};

.cpp代码：

// TestGameHandle2Dlg.cpp : 实现文件
//
#include "stdafx.h"
#include "TestGameHandle2.h"
#include "TestGameHandle2Dlg.h"
#include "afxdialogex.h"
#include "wingdi.h"

#ifdef _DEBUG
#define new DEBUG_NEW
#endif
CDC* pDC;
CDC *paletteDC;
CBrush brs1,*OldBrs1;
CPen pen1,*OldPen1;
int WD_width,WD_height;
// CTestGameHandle2Dlg 对话框
CRect machRect[600];
CTestGameHandle2Dlg::CTestGameHandle2Dlg(CWnd* pParent /*=NULL*/)
	: CDialogEx(CTestGameHandle2Dlg::IDD, pParent)
{
	m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME);
}

void CTestGameHandle2Dlg::DoDataExchange(CDataExchange* pDX)
{
	CDialogEx::DoDataExchange(pDX);
}

BEGIN_MESSAGE_MAP(CTestGameHandle2Dlg, CDialogEx)
	ON_WM_PAINT()
	ON_WM_QUERYDRAGICON()
	ON_WM_TIMER()
END_MESSAGE_MAP()


// CTestGameHandle2Dlg 消息处理程序

BOOL CTestGameHandle2Dlg::OnInitDialog()
{
	CDialogEx::OnInitDialog();

	// 设置此对话框的图标。当应用程序主窗口不是对话框时，框架将自动
	//  执行此操作
	SetIcon(m_hIcon, TRUE);			// 设置大图标
	SetIcon(m_hIcon, FALSE);		// 设置小图标

	// TODO: 在此添加额外的初始化代码

	SetTimer(1, 10, NULL);  

	return TRUE;  // 除非将焦点设置到控件，否则返回 TRUE
}

// 如果向对话框添加最小化按钮，则需要下面的代码
//  来绘制该图标。对于使用文档/视图模型的 MFC 应用程序，
//  这将由框架自动完成。

void CTestGameHandle2Dlg::OnPaint()
{
	CRect rect_r1;

	GetClientRect(rect_r1);
	WD_width = rect_r1.Width();	//560
	WD_height = rect_r1.Height();	//350

	if (IsIconic())
	{
		CPaintDC dc(this); // 用于绘制的设备上下文

		SendMessage(WM_ICONERASEBKGND, reinterpret_cast<WPARAM>(dc.GetSafeHdc()), 0);

		// 使图标在工作区矩形中居中
		int cxIcon = GetSystemMetrics(SM_CXICON);
		int cyIcon = GetSystemMetrics(SM_CYICON);
		CRect rect;
		GetClientRect(&rect);
		int x = (rect.Width() - cxIcon + 1) / 2;
		int y = (rect.Height() - cyIcon + 1) / 2;

		// 绘制图标
		dc.DrawIcon(x, y, m_hIcon);
	}
	else
	{
		
		CDialogEx::OnPaint();
		paletteDC = GetDC();
		DrawGradientColor1(20,20);
	}
}
//当用户拖动最小化窗口时系统调用此函数取得光标
//显示。
HCURSOR CTestGameHandle2Dlg::OnQueryDragIcon()
{
	return static_cast<HCURSOR>(m_hIcon);
}

void CTestGameHandle2Dlg::DrawGradientColor1(int x,int y)
{
	COLORREF StartColor = 200;
	COLORREF EndColor = 0;
	CRect rect;
	//获取窗口的大小
	GetClientRect(rect);
	//得到开始颜色值得R、G、B分量
	BYTE r1 = GetRValue(StartColor);
	BYTE g1 = GetGValue(StartColor);
	BYTE b1 = GetBValue(StartColor);
	//得到结束颜色值得R、G、B分量
	BYTE r2 = GetRValue(EndColor);
	BYTE g2 = GetGValue(EndColor);
	BYTE b2 = GetBValue(EndColor);
	//计算两个颜色各个分量的差值
	double r,g,b;
	r = (double)(r2-r1)/rect.Width();
	g = (double)(g2-g1)/rect.Width();
	b = (double)(b2-b1)/rect.Width();
	BYTE r3;
	BYTE g3;
	BYTE b3;
	//得到DC
	paletteDC = GetDC();
	//画背景
	for (int i = x ; i<=y;i++)
	{
		//计算当前位置的R、G、B分量
		r3 = r1+ i*r;
		g3 = g1+i*g;
		b3 = b1+i*b;
		pen1.CreatePen(PS_SOLID,1,RGB(r3,g3,b3));
		OldPen1 = paletteDC->SelectObject(&pen1);
		paletteDC->MoveTo(i,10);
		paletteDC->LineTo(i,60);
		paletteDC->SelectObject(&OldPen1);  //恢复就画笔

		pen1.DeleteObject();
		OldPen1->DeleteObject();
	}
	
}

void CTestGameHandle2Dlg::ClearDrawGradientColor(int x,int y)
{
	//得到DC
	paletteDC = GetDC();
	//画背景
	for (int i = x ; i>=y ;i--)

	{
		pen1.CreatePen(PS_SOLID,1,RGB(240,240,240));
		OldPen1 = paletteDC->SelectObject(&pen1);
		paletteDC->MoveTo(i,10);
		paletteDC->LineTo(i,60);
		paletteDC->SelectObject(&OldPen1);
		
		pen1.DeleteObject();
		OldPen1->DeleteObject();
	}
}
int Da ,LaDa = 20;
unsigned char bLxDataAddFlag,bLxDataSubFlag;
void CTestGameHandle2Dlg::OnTimer(UINT_PTR nIDEvent)
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值
	Da = LaDa;
	if(LaDa>= 250)
	{
		LaDa = 250;
		bLxDataSubFlag = 1;
		bLxDataAddFlag = 0;
	}
	if(LaDa<=20)
	{
		LaDa = 20;
		bLxDataSubFlag = 0;
		bLxDataAddFlag = 1;
	}
	if(bLxDataAddFlag)
	{
		LaDa++;
		DrawGradientColor1(20,LaDa);
	}
	if(bLxDataSubFlag)
	{
		LaDa--;
		ClearDrawGradientColor(250,LaDa);
	}
	CDialogEx::OnTimer(nIDEvent);
}

效果如下：
在这里插入图片描述
在这里插入图片描述
可以看到慢慢颜色渐变变深，我这里设置定时器，可以看到矩形条变长压缩！

二、利用画刷实现

看完上面的就是改一些函数就好了，下面就不会用所有代码贴上去，只展示核心代码：
.h代码：

void SetL2R2ButtonFunc(int x,int y);

.cpp代码：

void CTestGameHandle2Dlg::SetL2R2ButtonFunc(int x,int y)  //画矩形渐变条
{
	int PointX,PointY;
	//PointX = x;
	PointY = 10;

	COLORREF StartColor = 200;
	COLORREF EndColor = 0;
	CRect rect;
	//获取窗口的大小
	GetClientRect(rect);
	//得到开始颜色值得R、G、B分量
	BYTE r1 = GetRValue(StartColor);
	BYTE g1 = GetGValue(StartColor);
	BYTE b1 = GetBValue(StartColor);
	//得到结束颜色值得R、G、B分量
	BYTE r2 = GetRValue(EndColor);
	BYTE g2 = GetGValue(EndColor);
	BYTE b2 = GetBValue(EndColor);
	//计算两个颜色各个分量的差值
	double r,g,b;
	r = (double)(r2-r1)/rect.Width();
	g = (double)(g2-g1)/rect.Width();
	b = (double)(b2-b1)/rect.Width();
	BYTE r3;
	BYTE g3;
	BYTE b3;
	for(int i = x ;i < y;i=i+20)
	{
		//计算当前位置的R、G、B分量
		r3 = r1+ i*r;
		g3 = g1+i*g;
		b3 = b1+i*b;

		brs1.CreateSolidBrush(RGB(r3, g3, b3));
		OldBrs1 = paletteDC->SelectObject(&brs1);
		x= i;
		machRect[i].left = x;
		machRect[i].top = 10;
		machRect[i].right = i+20;
		machRect[i].bottom = 60;

		//paletteDC->Rectangle(x,10,i+20,60);
		paletteDC->FillRect(machRect[i],&brs1);
		paletteDC->SelectObject(&OldBrs1);// 恢复旧画刷

		//删除画刷

		brs1.DeleteObject();
		OldBrs1->DeleteObject();
	}
	
}
//覆盖矩形渐变条
void CTestGameHandle2Dlg::ClearDrawGradientColor(int x,int y)
{
	//得到DC
	paletteDC = GetDC();
	//画背景
	for (int i = x ; i>=y ;i--)
	{
		

		brs1.CreateSolidBrush(RGB(240,240,240));
		OldBrs1 = paletteDC->SelectObject(&brs1);
		machRect[i].left = i;
		machRect[i].top = 10;
		machRect[i].right = i+1;
		machRect[i].bottom = 60;
		paletteDC->FillRect(machRect[i],&brs1);
		paletteDC->SelectObject(&OldBrs1);// 恢复旧画刷

		//删除画刷

		brs1.DeleteObject();
		OldBrs1->DeleteObject();
	}
}

void CTestGameHandle2Dlg::OnPaint()
{
	CRect rect_r1;

	GetClientRect(rect_r1);
	WD_width = rect_r1.Width();	//560
	WD_height = rect_r1.Height();	//350

	if (IsIconic())
	{
		CPaintDC dc(this); // 用于绘制的设备上下文

		SendMessage(WM_ICONERASEBKGND, reinterpret_cast<WPARAM>(dc.GetSafeHdc()), 0);

		// 使图标在工作区矩形中居中
		int cxIcon = GetSystemMetrics(SM_CXICON);
		int cyIcon = GetSystemMetrics(SM_CYICON);
		CRect rect;
		GetClientRect(&rect);
		int x = (rect.Width() - cxIcon + 1) / 2;
		int y = (rect.Height() - cyIcon + 1) / 2;

		// 绘制图标
		dc.DrawIcon(x, y, m_hIcon);
	}
	else
	{
		
		CDialogEx::OnPaint();
		paletteDC = GetDC();

		SetL2R2ButtonFunc(20,20);
	}
}

int Da ,LaDa = 20;
unsigned char bLxDataAddFlag,bLxDataSubFlag;
void CTestGameHandle2Dlg::OnTimer(UINT_PTR nIDEvent)
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值
	Da = LaDa;
	if(LaDa>= 250)
	{
		LaDa = 250;
		bLxDataSubFlag = 1;
		bLxDataAddFlag = 0;
	}
	if(LaDa<=20)
	{
		LaDa = 20;
		bLxDataSubFlag = 0;
		bLxDataAddFlag = 1;
	}
	if(bLxDataAddFlag)
	{
		LaDa++;
		SetL2R2ButtonFunc(20,LaDa);
	}
	if(bLxDataSubFlag)
	{
		LaDa--;
		ClearDrawGradientColor(250,LaDa);
	}

	CDialogEx::OnTimer(nIDEvent);
}

效果也是一样的，但是画刷简单一些！

Nutkey
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
MFC Windows 程序设计[316]之渐变色文档菜单自绘(附源码)
hnjzfwy的博客
12-20 580
MFC是微软公司提供的一个类库（class libraries），用以减少应用程序开发人员的工作量。其中包含大量Windows句柄封装类和很多Windows的内建控件和组件的封装类。有很多初学MFC的小伙伴们都觉得MFC比较难学，看书吧，看了就忘了，网上的一些教程又是写的含糊不清，故而学习起来很吃力...... 故此，本专栏亲自研究，实践，由易到难，层层深入，将调试过程中所遭所遇进行详细讲解，注意事项进行一一列举，希望能够帮助到各位初学MFC的小伙伴，避免走弯路，费时费力。......
MFC实现颜色条渐变双色（蓝色变成绿色变成红色）
10-13
工程实现了颜色条渐变，蓝色变成绿色变成红色一个双色渐变。仅仅为一个deom，供大家学习参考。可以更具需要在OnPaint()中修改参数运行查看效果
MFC颜色渐变器
04-07
可以充当屏幕遮挡板使用
MFC 渐变色背景以及控件透明处理
像个博客
10-18 1565
mfc实现某对话框背景色渐变 如果是单文档视图结构，在OnDraw实现代码，如果是对话框结构，在该对话框所在的cpp里的OnPain函数【如果没有这个函数，请在类向导里派生】里实现如下代码即可，本示例是在对话框结构，某个对话框里实现的，效果如下附图 CPaintDC dc(this); // device context for painting CRect Rect; Ge...
Visual Studio 使用MFC 单文档工程绘制单一颜色直线和绘制渐变颜色的直线（实例分析）
最新发布
everything is possible，anything is OK.
11-26 810
Visual Studio 使用MFC 单文档工程从创建到实现绘制单一颜色直线和绘制渐变颜色的直线。 本文主要从零开始创建一个MFC单文档工程然后逐步实现添加按键（事件响应函数），最后实现单一颜色直线的绘制与渐变色直线的绘制o(*￣▽￣*)ブ
颜色棒 MFC 色彩渐变 GradientFill
03-22
GradientFill实现的色彩渐变。拖动小箭头可以上下移动改变色彩，将小箭头拖到垃圾箱，删掉颜色
计算机图形学(MFC)-多边形平滑填充（颜色渐变效果进行填充）
03-24
资源内容：透过鼠标获取多边形顶点绘制多边形，通过预先设定好的个顶点颜色，实现过度填充 语言：C++ 运行环境：Visual Studio 2013/更高版本
MFC 单文档渐变色过渡色做背景
12-14
MFC 单文档渐变色过渡色做背景，方法很巧妙，非常值得一看。做界面可能会用的哦
MFC 对话框实现 背景色渐变
dhl11的博客
03-02 4024
mfc实现某对话框背景色渐变 如果是单文档视图结构，在OnDraw实现代码，如果是对话框结构，在该对话框所在的cpp里的OnPain函数【如果没有这个函数，请在类向导里派生】里实现如下代码即可，本示例是在对话框结构，某个对话框里实现的，效果如下附图 实现的从上到下渐变效果 void CBaseinfoDialog::OnPaint() { CPaintDC dc(thi
c语言mfc编辑框的颜色渐变,MFC动态设置CEdit、CStatic文字颜色和背景颜色（修改控件方式）...
weixin_33022901的博客
05-18 1722
MFC的控件常常需要动态的改变文字颜色和背景底色，最好的做法是修改控件本身，增加设置颜色的接口函数直接调用，进行控件颜色的修改。CtlColor是反射式消息的响应函数，在控件内部自己实现重绘，这种方式是最好的。与反射式消息修改控件本身不同，还有另一种方式使用OnCtlColor在控件父窗口类中增加代码修改颜色，这两种方式都可以实现颜色的修改。这篇博客主要介绍反射式消息的方式。0.给对话框添加一个E...
MFC自绘窗口的边框和标题
03-23
MFC自绘窗口的边框和标题，绝对实用的自绘窗口，不改变窗口属性的情况下自绘窗口，边框，标题，客户区和非客户区。
自己画MFC单文档边框标题栏
06-09
真正的自己画MFC单文档窗口边框、标题栏、关闭按钮 完整的代码 想自己画皮肤 或者 贴图的 可以借鉴 Dlg的 太简单了直接 跳过 可以借鉴 这个来写
MFC绘制直线,矩形,文本框
12-04
MFC绘制直线,矩形,文本框 调试过的，可以直接运行啦
MFC CDialogEx 自绘非客户区（自绘边框、标题栏和系统按钮）
01-10
MFC对于初学者来说用到的最多CDialog \CDialogEx CFrameWnd CMainFrame等窗口，如何想做的有个性，跟随自己的意愿去实现整个界面，一般有两种方案： 1、有边框模式下的重绘边框 2、无边框模式下的自绘边框 本人更倾向于第一种，在一个程序中，如果对话框比较多的情况，重绘边框无疑是对程序风格统一最快捷的方式
颜色渐变进度条(MFC)
01-29
颜色渐变进度条(MFC)
MFC自绘进度条——可修改颜色
05-10
MFC自绘进度条:可以进度条修改颜色，设置进度百分比，进度条背景色。
MFC实现自绘ListControl控件
04-19
MFC实现ListControl控件的自绘，选中行颜色变化，行间距设置，行字体大小设置等
vc mfc listctrl自绘带颜色
05-03
listctrl自绘带颜色， 新手 参考研究用
MFC自绘标题栏和边框
09-06
您好！对于 MFC 应用程序，您可以通过自绘来定制标题栏和边框。以下是实现自绘标题栏和边框的基本步骤： 1. 创建一个自定义的 CWnd 派生类，例如 CMyWnd。 2. 在 CMyWnd 类中重写 OnNcCalcSize 函数，以便控制非客户区的大小。 3. 在 CMyWnd 类中重写 OnNcPaint 函数，用于绘制非客户区（标题栏和边框）。 4. 在 CMyWnd 类的构造函数中设置窗口的样式，使用 SetWindowLong 函数来设置 WS_OVERLAPPEDWINDOW 样式，并移除 WS_CAPTION 和 WS_THICKFRAME 样式。 5. 创建一个 CMyWnd 对象来替代默认的主窗口类，使用 CFrameWnd::LoadFrame 和 CFrameWnd::OnCreate 函数来加载资源和创建窗口。 通过上述步骤，您可以实现自绘标题栏和边框。您可以在 OnNcCalcSize 和 OnNcPaint 函数中使用 GDI 来绘制您想要的效果。请注意，在自绘标题栏时，您需要处理鼠标消息以实现拖动窗口的功能。 希望以上信息能对您有所帮助！如有更多问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Nutkey

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值