Qt自绘无边框窗口类

最新推荐文章于 2024-07-10 11:14:24 发布
最新推荐文章于 2024-07-10 11:14:24 发布
阅读量359 收藏 1
点赞数 2
分类专栏： Qt 文章标签： qt 无边框窗口 鼠标事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43519792/article/details/116607082
版权

Qt自绘无边框窗口类

概述：

功能： 无边框窗体基类,支持最小化、最大化、关闭、鼠标拖拽、鼠标按下移动等；
文件说明：
1.CFrameWidget.h 无边框窗体基类
2.CTitle.h 窗体上方标题栏类
3.TextWidget.h 测试窗体类

代码示例：

CFrameWidget.h：

/*
 *  @file	:CFrameWidget.h
 *	@note 	:无边框窗体基类,支持最小化、最大化、关闭、鼠标拖拽、鼠标按下移动等
 *	@author :Fantast
 *	@data	:2021-5-10
 */
#pragma once
#include <QWidget>
#include <QFile>
#include <QMoveEvent>

class CFrameWidget : public QWidget
{
	Q_OBJECT

public:
	CFrameWidget(QWidget *parent);
	~CFrameWidget();

	/*
	 *	@brief	:设置样式
	 *	@qssPath:路径
	 */
	void setStyleSheet(const QString qssPath);

	/*
	 *	@brief 设置是否可以移动
	 */
	void setMoveAble(bool enable);

	/*
	*	@brief 设置是否可以缩放
	*/
	void setZoomAble(bool enable);

	/*
	 *	@brief 设置可拖动区域高（title高）
	 */
	void setTitleHeight(const int height);
public slots:
	/*
	 *	@brief 窗口关闭
	 */
	void slot_CloseWidget();
	/*
	 *	@brief 窗口缩放
	 */
	void slot_MaxWidget();
	/*
	 *	@brief 窗口最小化
	 */
	void slot_MinWidget();

private:
	/*
	*	@brief 检测鼠标是否在边缘,显示拖动鼠标样式
	*/
	void checkEdge();

protected:
	/*
	 *	@brief 鼠标双击事件
	 */
	virtual void mouseDoubleClickEvent(QMouseEvent *event);
	/*
	 *	@brief 鼠标按下事件
	 */
	virtual void mousePressEvent(QMouseEvent * event);
	/*
	 *	@brief 鼠标抬起事件
	 */
	virtual void mouseReleaseEvent(QMouseEvent * event);
	/*
	 *	@brief 鼠标移动事件
	 */
	virtual void mouseMoveEvent(QMouseEvent * event);
	/*
	 *	@brief 设置从最小化放大后正常处理事件
	 */
	void showEvent(QShowEvent * e);

private:
	// 鼠标上次移动开始时相对屏幕的位置
	QPoint mPntStart;
	// 鼠标是否在可拖动位置按下
	bool mousePressInMoveArea;
	// 鼠标是否在拖拽大小的位置按下
	bool mousePressBorderArea;
	// 鼠标是否持续按下
	bool mbKeepPressed;
	//窗口是否可缩放
	bool allowZoom;
	//窗口是否可移动
	bool allowMove;
	//鼠标检测的边缘距离
	int m_nEdgeMargin;
	//窗口拖动距离范围
	int TitlearHeight;
	//更改窗口大小的方向
	typedef enum
	{
		NO_DIR = 0x00,
		TOP = 0x01,
		BOTTOM = 0x02,
		LEFT = 0x04,
		RIGHT = 0x08,
		TOP_LEFT = 0x01 | 0x04,
		TOP_RIGHT = 0x01 | 0x08,
		BOTTOM_LEFT = 0x02 | 0x04,
		BOTTOM_RIGHT = 0x02 | 0x08
	} EMouseDir;
	EMouseDir m_nMouseDir;
};

CFrameWidget.cpp

#include "CFrameWidget.h"

#define min(a,b) ((a)<(b)? (a) :(b))
#define max(a,b) ((a)>(b)? (a) :(b))

CFrameWidget::CFrameWidget(QWidget *parent)
	: QWidget(parent)
	, m_nMouseDir(EMouseDir::NO_DIR)
	, mousePressInMoveArea (false)
	, mousePressBorderArea(false)
	, mbKeepPressed(false)
	, allowZoom(true)
	, allowMove(true)
	, m_nEdgeMargin(2)
	, TitlearHeight(20)
{
	setWindowFlags(Qt::FramelessWindowHint);//无边框
	setMouseTracking(true);//鼠标跟踪
}

CFrameWidget::~CFrameWidget()
{
}

void CFrameWidget::setStyleSheet(const QString qssPath)
{
	QFile file(qssPath);
	file.open(QFile::ReadOnly);
	if (file.isOpen())
	{
		QWidget::setStyleSheet(file.readAll());
		file.close();
	}
}

void CFrameWidget::setZoomAble(bool enable) 
{
	allowZoom = enable;
}

void CFrameWidget::setMoveAble(bool enable) 
{
	allowMove = enable;
}

void CFrameWidget::mouseMoveEvent(QMouseEvent *event)
{
	// 持续按住才做对应事件
	if (mousePressInMoveArea)
	{
		//如果鼠标不是放在边缘那么说明这是在拖动窗口
		if (m_nMouseDir == NO_DIR)
		{
			//将窗体移动到鼠标位置
			move(event->globalPos() - mPntStart);
		}
	}
	//拖拽放大缩小
	if (mousePressBorderArea)
	{
		//窗口上下左右的值
		int nTop, nBottom, nLeft, nRight;
		nTop = frameGeometry().top();
		nBottom = frameGeometry().bottom();
		nLeft = frameGeometry().left();
		nRight = frameGeometry().right();

		//检测更改尺寸方向中包含的上下左右分量
		if (m_nMouseDir & TOP)
		{
			if (height() == minimumHeight())
			{
				nTop = min(event->globalY(), nTop);
			}
			else if (height() == maximumHeight())
			{
				nTop = max(event->globalY(), nTop);
			}
			else
			{
				nTop = event->globalY();
			}
		}
		else if (m_nMouseDir & BOTTOM)
		{
			if (height() == minimumHeight())
			{
				nBottom = max(event->globalY(), nTop);
			}
			else if (height() == maximumHeight())
			{
				nBottom = min(event->globalY(), nTop);
			}
			else
			{
				nBottom = event->globalY();
			}
		}
		if (m_nMouseDir & LEFT)
		{                        //检测左右分量
			if (width() == minimumWidth())
			{
				nLeft = min(event->globalX(), nLeft);
			}
			else if (width() == maximumWidth())
			{
				nLeft = max(event->globalX(), nLeft);
			}
			else
			{
				nLeft = event->globalX();
			}
		}
		else if (m_nMouseDir & RIGHT)
		{
			if (width() == minimumWidth())
			{
				nRight = max(event->globalX(), nRight);
			}
			else if (width() == maximumWidth())
			{
				nRight = min(event->globalX(), nRight);
			}
			else
			{
				nRight = event->globalX();
			}
		}
		setGeometry(QRect(QPoint(nLeft, nTop), QPoint(nRight, nBottom)));
		}
	else if (allowZoom&&!isMaximized())
	{
		checkEdge();
	}
	event->ignore();
}

void CFrameWidget::checkEdge()
{
	//计算鼠标距离窗口上下左右有多少距离
	int nDeltaLeft = abs(cursor().pos().x() - frameGeometry().left());
	int nDeltaRight = abs(cursor().pos().x() - frameGeometry().right());
	int nDeltaTop = abs(cursor().pos().y() - frameGeometry().top());
	int nDeltaBottom = abs(cursor().pos().y() - frameGeometry().bottom());

	QCursor tempCursor = cursor();

	if (nDeltaTop < m_nEdgeMargin)
	{
		//根据 边缘距离 分类改变尺寸的方向
		if (nDeltaLeft < m_nEdgeMargin)
		{
			m_nMouseDir = TOP_LEFT;
			tempCursor.setShape(Qt::SizeFDiagCursor);
		}
		else if (nDeltaRight < m_nEdgeMargin)
		{
			m_nMouseDir = TOP_RIGHT;
			tempCursor.setShape(Qt::SizeBDiagCursor);
		}
		else
		{
			m_nMouseDir = TOP;
			tempCursor.setShape(Qt::SizeVerCursor);
		}
	}
	else if (nDeltaBottom < m_nEdgeMargin)
	{
		if (nDeltaLeft < m_nEdgeMargin)
		{
			m_nMouseDir = BOTTOM_LEFT;
			tempCursor.setShape(Qt::SizeBDiagCursor);
		}
		else if (nDeltaRight < m_nEdgeMargin)
		{
			m_nMouseDir = BOTTOM_RIGHT;
			tempCursor.setShape(Qt::SizeFDiagCursor);
		}
		else
		{
			m_nMouseDir = BOTTOM;
			tempCursor.setShape(Qt::SizeVerCursor);
		}
	}
	else if (nDeltaLeft < m_nEdgeMargin)
	{
		m_nMouseDir = LEFT;
		tempCursor.setShape(Qt::SizeHorCursor);
	}
	else if (nDeltaRight < m_nEdgeMargin)
	{
		m_nMouseDir = RIGHT;
		tempCursor.setShape(Qt::SizeHorCursor);
	}
	else
	{
		m_nMouseDir = NO_DIR;
		tempCursor.setShape(Qt::ArrowCursor);
	}
	//重新设置鼠标样式
	setCursor(tempCursor);
}

void CFrameWidget::mousePressEvent(QMouseEvent *event)
{
	// 鼠标左键按下事件
	if (event->button() == Qt::LeftButton)
	{
		mbKeepPressed = true;
		if (!isMaximized())
		{
			if (m_nMouseDir != NO_DIR&&allowZoom)
			{
				mousePressBorderArea = true;
			}
			else if (allowMove)
			{
				//是否为双击和拖动区域
				int x = event->pos().x();
				int y = event->pos().y();
				if (x >= 0 && x <= this->width()
					&& y >= m_nEdgeMargin/2 && y <= TitlearHeight)
				{
					// 标记鼠标按下
					mousePressInMoveArea = true;
					// 记录鼠标与窗体位置的差值
					mPntStart = event->pos();
				}
			}
		}
	}
}

void CFrameWidget::mouseReleaseEvent(QMouseEvent *event)
{
	if (event->button() == Qt::LeftButton)
	{
		// 鼠标左键释放
		mbKeepPressed = false;
		mousePressBorderArea = false;
		mousePressInMoveArea = false;
	}
}

void CFrameWidget::mouseDoubleClickEvent(QMouseEvent *event)
{
	int x = event->pos().x();
	int y = event->pos().y();
	if (x >= 0 && x <= this->width()
		&& y >= 0 && y <= TitlearHeight)
	{
		slot_MaxWidget();
	}
}

void CFrameWidget::slot_CloseWidget() {
	close();
}

void CFrameWidget::slot_MaxWidget()
{
	if (allowZoom)
	{
		if (isMaximized())
		{
			showNormal();
		}
		else {
			showMaximized();
		}
	}
}

void CFrameWidget::slot_MinWidget()
{
	showMinimized();
}

void CFrameWidget::showEvent(QShowEvent *e)
{
	this->setAttribute(Qt::WA_Mapped);
	QWidget::showEvent(e);
}
void CFrameWidget::setTitleHeight(const int height)
{
	//获取标题栏高度
	TitlearHeight = height;
}

// //调用WIN API需要用到的头文件与库 [实现缩放]
// #ifdef Q_OS_WIN
// #include <qt_windows.h>
// #include <Windowsx.h>
// #endif
// //nativeEvent主要用于进程间通信-消息传递，使用这种方式后来实现窗体的缩放 [加上了这函数，窗口也能移动了]
// bool WidgetBaseClass::nativeEvent(const QByteArray &eventType, void *message, long *result)
// {
// 	int m_nBorderWidth = 5;
// 	Q_UNUSED(eventType)
// 		MSG *param = static_cast<MSG *>(message);
// 	switch (param->message)
// 	{
// 	case WM_NCHITTEST:
// 	{
// 		int nX = GET_X_LPARAM(param->lParam) - this->geometry().x();
// 		int nY = GET_Y_LPARAM(param->lParam) - this->geometry().y();
// 		*result = HTCLIENT;
// 		// 鼠标区域位于标题栏按钮之上，则不进行处理
// 		QList<QPushButton *> buttons = TopBar->findChildren<QPushButton *>();
// 		foreach(QPushButton *pButton, buttons)
// 		{
// 			if (pButton->geometry().contains(QPoint(nX, nY)))
// 			{
// 				return true;
// 			}
// 		}
// 		// 鼠标区域位于标题栏中，进行移动
// 		if (nX >= m_nBorderWidth && nX <= this->width() - m_nBorderWidth
// 			&& nY >= m_nBorderWidth && nY <= TopBar->height())
// 		{
// 			return true;
// 		}
// 
// 		// 鼠标区域位于窗体边框，进行缩放
// 		if ((nX > 0) && (nX < m_nBorderWidth))
// 			*result = HTLEFT;
// 		if ((nX > this->width() - m_nBorderWidth) && (nX < this->width()))
// 			*result = HTRIGHT;
// 		if ((nY > 0) && (nY < m_nBorderWidth))
// 			*result = HTTOP;
// 		if ((nY > this->height() - m_nBorderWidth) && (nY < this->height()))
// 			*result = HTBOTTOM;
// 		if ((nX > 0) && (nX < m_nBorderWidth) && (nY > 0)
// 			&& (nY < m_nBorderWidth))
// 			*result = HTTOPLEFT;
// 		if ((nX > this->width() - m_nBorderWidth) && (nX < this->width())
// 			&& (nY > 0) && (nY < m_nBorderWidth))
// 			*result = HTTOPRIGHT;
// 		if ((nX > 0) && (nX < m_nBorderWidth)
// 			&& (nY > this->height() - m_nBorderWidth) && (nY < this->height()))
// 			*result = HTBOTTOMLEFT;
// 		if ((nX > this->width() - m_nBorderWidth) && (nX < this->width())
// 			&& (nY > this->height() - m_nBorderWidth) && (nY < this->height()))
// 			*result = HTBOTTOMRIGHT;
// 		return true;
// 
// 	}
// 	}
// 	return QWidget::nativeEvent(eventType, message, result);
// }

CTitle.h:

#pragma once

#include <QWidget>
#include "ui_CTitle.h"

class CTitle : public QWidget
{
	Q_OBJECT

public:
	CTitle(QWidget *parent = Q_NULLPTR);
	~CTitle();

private:
	/*
	 *  @brief:初始化操作
	 */
	void Init();

signals:
	/**
	* @note 最小化信号
	*/
	void SignalMinisizeWidget();

	/**
	* @note 还原信号
	*/
	void SignalMaxisizeWidget();

	/**
	* @note 关闭信号
	*/
	void SignalCloseWidget();

protected slots:
	/**
	* @note 最小化窗口的槽函数
	*/
	void SlotMinisizeWidget();

	/**
	* @note 还原窗口的槽函数
	*/
	void SlotMaxisizeWidget();

	/**
	* @note 关闭窗口的槽函数
	*/
	void SlotCloseWidget();
private:
	Ui::CTitle ui;
};

CTitle.cpp:

#include "CTitle.h"

CTitle::CTitle(QWidget *parent)
	: QWidget(parent)
{
	ui.setupUi(this);
	//无边框
	setWindowFlags(Qt::FramelessWindowHint);
	Init();
}

CTitle::~CTitle()
{

}

void CTitle::Init()
{
	connect(ui.pushButton_min, &QPushButton::clicked, this, &CTitle::SlotMinisizeWidget);
	connect(ui.pushButton_max, &QPushButton::clicked, this, &CTitle::SlotMaxisizeWidget);
	connect(ui.pushButton_close, &QPushButton::clicked, this, &CTitle::SlotCloseWidget);
}

void CTitle::SlotMinisizeWidget()
{
	emit SignalMinisizeWidget();
}

void CTitle::SlotMaxisizeWidget()
{
	emit SignalMaxisizeWidget();
}

void CTitle::SlotCloseWidget()
{
	emit SignalCloseWidget();
}

CTitle.ui:

在这里插入图片描述

TextWidget.h：

#pragma once

#include <QtWidgets/QWidget>
#include "ui_TextWidget.h"
#include "CFrameWidget.h"

class TextWidget : public CFrameWidget
{
	Q_OBJECT

public:
	TextWidget(QWidget *parent = Q_NULLPTR);

private:
	/*
	 *  @brief:初始化函数
	 */
	void Init();

private:
	Ui::TextWidgetClass ui;
};

TextWidget.cpp：

#include "TextWidget.h"
#include "Title/CTitle.h"
TextWidget::TextWidget(QWidget *parent)
	: CFrameWidget(parent)
{
	ui.setupUi(this);
	Init();
}

void TextWidget::Init()
{
	CTitle *title = new CTitle;
	ui.Layout_title->addWidget(title);
	//连接标题栏信号槽
	connect(title, SIGNAL(SignalMinisizeWidget()), this, SLOT(slot_MinWidget()));
	connect(title, SIGNAL(SignalMaxisizeWidget()), this, SLOT(slot_MaxWidget()));
	connect(title, SIGNAL(SignalCloseWidget()), this, SLOT(slot_CloseWidget()));
	setStyleSheet(":/TextWidget/Resources/Widget.qss");
}

TextWidget.ui：

在这里插入图片描述

运行效果图：

在这里插入图片描述

over：

欢迎大家关注作者在文末评论、点赞、转发以及批评指正！
如果大家有更好的方法或有问题可以在文末评论一起讨论！
共同学习！
共同进步！

文末一句话：

因为这些无论好坏的碎片拼凑，才组成我们琐碎又完整的生活。
因为这些喜怒哀乐的微小情绪，才是我们最真实最纯粹的样子。

Qt幻想家
关注
专栏目录
Qt 无边框界面 自绘图标 透明图标按钮 可设置背景状态颜色，图标颜色 最小化最大化关闭按钮等等
07-25
最近发现酷狗的新版exe软件挺好的，里面使用的全是自定义的按钮，所以自己写了个，大家有兴趣可以下载来看看。按钮类型目前有：最小化，最大化，关闭，更换皮肤，更多信息，搜索，下载，向左，向右，向上，向下，爱心图案
Qt5实现无边框窗口阴影
01-04
在Qt5中，开发者经常需要创建具有专业外观的应用程序，其中无边框窗口和阴影效果是常见的需求。本文将详细讲解如何在Qt5中实现无边框窗口并添加阴影效果，以及如何为QPushButton等控件添加阴影。 首先，让我们了解...
qt 窗口自绘、鼠标响应拖动窗口
weixin_34245169的博客
04-27 213
2019独角兽企业重金招聘Python工程师标准>>> ...
QT开发积累——如何设置widget的边框样式
最新发布
Arya的博客，专注后端领域
07-10 1782
QT开发积累——如何设置widget的边框样式
QT 窗口绘制
weixin_64965464的博客
01-17 411
【代码】QT 窗口绘制。
QT 封装无边框窗口基类
frieryumao的博客
08-07 572
无边框窗口拖拽标题栏可移动，且限制窗口可移出屏幕的范围，布局最大化、最小化、关闭按钮，双击标题栏最大化，设置标题栏颜色，窗口背景颜色等功能。 使用方法： 其中类DragProxy来自：https://blog.csdn.net/frieryumao/article/details/98733836 AAA::AAA(FramelessWidget *parent) : FramelessW...
QT 播放器之无标题无边框类
小鱼游戏开发的博客
09-12 332
在项目上右键，点击添加新文件 创建新的类文件 创建FramelessWindow类，并继承自QObject 创建后在构造函数添加一下代码，把窗口设置为无标题无边框类型，注册事件过滤器到当前类 parentWidget=parent; parent->setWindowFlags(parent->windowFlags()|Qt::Frameless...
QtQuick实现无边框窗口的拉伸，拖拽
02-25
在Qt Quick中，创建一个无边框窗口并实现拖拽、最大化、最小化以及窗口边缘拉伸等功能，需要对Qt的QML和C++部分有深入的理解。下面将详细讲解如何实现这些功能。 首先，`QtQuick`是Qt库的一部分，它提供了一种声明...
Qt 实现无边框窗口，支持缩放窗口大小
09-26
在Qt框架中，创建一个无边框窗口并支持自定义缩放窗口大小是常见的需求，尤其是在设计具有现代感和简洁界面的应用程序时。Qt库提供了丰富的API和工具，使得开发者可以轻松实现这样的功能。以下是对这个主题的详细...
Qt无边框之重新实现窗口拉伸缩放
05-20
 然而去掉了Qt自带的边框后，随之也去掉了自带的窗口拉伸缩放功能，这就导致了在产品使用过程中失去了一定了灵活性。为此，在该Demo中将通过代码来实现窗口的拉伸缩放功能，其中包含完整案例，拉伸效果纵享丝滑，本...
QT无边框窗口，无边框弹出框，无边框MessageBox
04-20
"QT无边框窗口，无边框弹出框，无边框MessageBox"这一主题主要涉及的是如何在QT中去除窗口的标准边框，以及如何自定义无边框的对话框和消息提示框。 首先，我们来谈谈无边框窗口的实现。在QT中，我们可以使用`...
QT自定义窗口 自由拖动 自定义标题
06-19
QT自定义窗口 自由拖动 自定义标题
VC++自绘制窗口标题栏、窗口背景的类
08-19
VC++自绘制窗口标题栏、窗口背景，而且可以实现位图的居中与透明显示。 本类目的供初学者学习之用，所以注释比较详细。本人能力有限，有不完善的地方望见谅！
无窗口IMGUI绘制-稳定
09-30
无窗口IMGUI绘制-稳定
DX11hook无窗口绘制纯源码.e
04-02
dx11 hook无窗口硬断内部绘制骨骼(更新基址适合所有dx11游戏)
Qt透明无边框窗口的实现示例
12-31
最近在封装一些类的时候，打算做一个窗口框架，能实现拖动、无边框、透明基本样式等功能 0x00 如何透明窗口？ 第一步：开启窗口的透明层。 setWindowFlags(Qt::FramelessWindowHint); /* 注意：如果单纯开启窗口透明层效果，在Windows系统中必须设置, 其他系统可忽略。 */ setAttribute(Qt::WA_TranslucentBackground); 第二步: 重写paintEvent事件并使用QPainter画透明层。 void paintEvent(QPaintEvent *) { QPainter painter(this);
QT无边框窗口公共类
ACE_YOUNG的博客
02-18 536
一般QT 无边框窗口设置以下属性即可实现无边框，但新的问题出现，无法移动、双击自己定义的标题栏后全屏显示和拉伸窗口的操作。解决拉伸窗口问题需要重写nativeEvent，解决移动和双击全屏功能需在自定义标题栏重写鼠标按下事件和鼠标双击事件。CFrameLessWidgetBase.cpp //无边框窗口公共类源文件。CFrameLessWidgetBase.h //无边框窗口公共类头文件。自定义标题栏重写鼠标事件代码。
Qt无边框基类(支持拖拽、最大化动画、半屏动画、最大化拖拽还原)
wisdomroc的博客
08-21 2914
【代码】Qt无边框基类(支持拖拽、最大化动画、半屏动画、最大化拖拽还原)
Qt自绘窗体
weixin_30502965的博客
04-14 83
也许大部分情况下我们不需要自己手动绘制一个窗体，大部分可以通过图片来实现，本篇仅以学习的态度来初略的理解Qt界面的自定义绘制功能。 本篇将实现以下功能： 1、绘制一个椭圆形 2、支持界面的移动操作 3、Esc退出 头文件： 1: #include <QDialog> 2: 3: class DrawDialog : publ...
qt 完美无边框窗口
08-17
在Qt中，要实现完美无边框窗口，可以通过以下步骤进行操作： 1. 首先，将窗口的窗口样式设置为无边框。可以使用`setWindowFlags()`函数来实现，将`Qt::FramelessWindowHint`作为参数传递给该函数。 2. 接下来，...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值