C++ Qt QMainWindow实现无边框窗口自定义标题栏可拖拽移动拉伸改变窗口大小

已于 2024-04-24 14:40:39 修改
阅读量1.3k 收藏 11
点赞数 8
分类专栏： Qt基础 文章标签： c++ qt qt无边框窗口
于 2024-04-24 14:40:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yao_hou/article/details/138112653
版权

本篇博客介绍C++ Qt QMainWindow实现无边框窗口，适用于win10/win11系统。

QMainWindow相对于QWidget多了dockedwidget功能，跟多人可能更喜欢用QMainWindow做主窗口，如果不需要dockedwidget功能，QMainWindow与QWidget做主窗口基本无差别。

效果图如下：
在这里插入图片描述
自带窗口阴影、圆角、可拉伸，拖拽。

具体实现过程如下：

一、编写无边框窗口基类CFramelessWindowBase

CFramelessWindowBase.h

/*

QMainWindow无边框窗口基类

可拉伸

其它QMainWindow窗口派生于该类即可

*/

#pragma once
#include <QMainWindow>

class CFramelessWindowBase : public QMainWindow
{
public:
	CFramelessWindowBase(QWidget* parent = nullptr);
	~CFramelessWindowBase();

protected:
	bool nativeEvent(const QByteArray& eventType, void* message, long* result) override;

private:
	int mouse_margin = 5;
};

CFramelessWindowBase.cpp

#include "CFramelessWindowBase.h"
#include <qt_windows.h>
#include <windowsx.h>
#include <QWindow>
#include <windows.h>
#include <dwmapi.h>

#pragma comment(lib, "dwmapi.lib")


CFramelessWindowBase::CFramelessWindowBase(QWidget* parent)
	: QMainWindow(parent)
{
	setWindowFlags(Qt::FramelessWindowHint | Qt::WindowMinMaxButtonsHint);
	setAttribute(Qt::WA_Hover);

	// 添加窗口阴影，窗口圆角
	HWND hWnd = reinterpret_cast<HWND>(winId());
	DWMNCRENDERINGPOLICY ncrp = DWMNCRP_ENABLED;
	::DwmSetWindowAttribute(hWnd, DWMWA_NCRENDERING_POLICY, &ncrp, sizeof(ncrp));
	MARGINS shadow = { 1, 1, 1, 1 };
	DwmExtendFrameIntoClientArea((HWND)winId(), &shadow);
}

CFramelessWindowBase::~CFramelessWindowBase()
{
}

bool CFramelessWindowBase::nativeEvent(const QByteArray& eventType, void* message, long* result)
{
	MSG* msg = static_cast<MSG*>(message);

	switch (msg->message)
	{
	case WM_NCHITTEST:
	{
		QPoint globalPos = QCursor::pos();
		int x = globalPos.x();
		int y = globalPos.y();

		//int nX = GET_X_LPARAM(param->lParam) - this->geometry().x();   // bug : windows 在高分屏下，坐标值不正确
		//int nY = GET_Y_LPARAM(param->lParam) - this->geometry().y();

		int nX = x - this->geometry().x();
		int nY = y - this->geometry().y();

		// 如果鼠标位于内部子控件上，则不进行处理
		if (nX > mouse_margin && nX < width() - mouse_margin &&
			nY > mouse_margin && nY < this->height() - mouse_margin)
		{
			if (childAt(nX, nY) != nullptr)
				return QWidget::nativeEvent(eventType, message, result);
		}

		// 鼠标区域位于窗体边框，进行缩放
		if ((nX > 0) && (nX < mouse_margin))
			*result = HTLEFT;

		if ((nX > this->width() - mouse_margin) && (nX < this->width()))
			*result = HTRIGHT;

		if ((nY > 0) && (nY < mouse_margin))
			*result = HTTOP;

		if ((nY > this->height() - mouse_margin) && (nY < this->height()))
			*result = HTBOTTOM;

		if ((nX > 0) && (nX < mouse_margin) && (nY > 0)
			&& (nY < mouse_margin))
			*result = HTTOPLEFT;

		if ((nX > this->width() - mouse_margin) && (nX < this->width())
			&& (nY > 0) && (nY < mouse_margin))
			*result = HTTOPRIGHT;

		if ((nX > 0) && (nX < mouse_margin)
			&& (nY > this->height() - mouse_margin) && (nY < this->height()))
			*result = HTBOTTOMLEFT;

		if ((nX > this->width() - mouse_margin) && (nX < this->width())
			&& (nY > this->height() - mouse_margin) && (nY < this->height()))
			*result = HTBOTTOMRIGHT;

		return true;
	}
	}

	return QWidget::nativeEvent(eventType, message, result);
}

代码解释：
（1）在CFramelessWindowBase类设置窗口标志，去掉窗口边框，设置最大最小显示效果。

setWindowFlags(Qt::FramelessWindowHint | Qt::WindowMinMaxButtonsHint);

（2）增加windows窗口阴影与圆角：

// 添加窗口阴影，窗口圆角
HWND hWnd = reinterpret_cast<HWND>(winId());
DWMNCRENDERINGPOLICY ncrp = DWMNCRP_ENABLED;
::DwmSetWindowAttribute(hWnd, DWMWA_NCRENDERING_POLICY, &ncrp, sizeof(ncrp));
MARGINS shadow = { 1, 1, 1, 1 };
DwmExtendFrameIntoClientArea((HWND)winId(), &shadow);

这里使用的是DWM API实现窗口阴影和圆角，圆角是windows窗口的圆角，不需要手动设置圆角大小。
（3）重写nativeEvent实现无边框窗口

bool CFramelessWindowBase::nativeEvent(const QByteArray& eventType, void* message, long* result)
{
	MSG* msg = static_cast<MSG*>(message);

	switch (msg->message)
	{
	case WM_NCHITTEST:
	{
		QPoint globalPos = QCursor::pos();
		int x = globalPos.x();
		int y = globalPos.y();

		//int nX = GET_X_LPARAM(param->lParam) - this->geometry().x();   // bug : windows 在高分屏下，坐标值不正确
		//int nY = GET_Y_LPARAM(param->lParam) - this->geometry().y();

		int nX = x - this->geometry().x();
		int nY = y - this->geometry().y();

		// 如果鼠标位于内部子控件上，则不进行处理
		if (nX > mouse_margin && nX < width() - mouse_margin &&
			nY > mouse_margin && nY < this->height() - mouse_margin)
		{
			if (childAt(nX, nY) != nullptr)
				return QWidget::nativeEvent(eventType, message, result);
		}

		// 鼠标区域位于窗体边框，进行缩放
		if ((nX > 0) && (nX < mouse_margin))
			*result = HTLEFT;

		if ((nX > this->width() - mouse_margin) && (nX < this->width()))
			*result = HTRIGHT;

		if ((nY > 0) && (nY < mouse_margin))
			*result = HTTOP;

		if ((nY > this->height() - mouse_margin) && (nY < this->height()))
			*result = HTBOTTOM;

		if ((nX > 0) && (nX < mouse_margin) && (nY > 0)
			&& (nY < mouse_margin))
			*result = HTTOPLEFT;

		if ((nX > this->width() - mouse_margin) && (nX < this->width())
			&& (nY > 0) && (nY < mouse_margin))
			*result = HTTOPRIGHT;

		if ((nX > 0) && (nX < mouse_margin)
			&& (nY > this->height() - mouse_margin) && (nY < this->height()))
			*result = HTBOTTOMLEFT;

		if ((nX > this->width() - mouse_margin) && (nX < this->width())
			&& (nY > this->height() - mouse_margin) && (nY < this->height()))
			*result = HTBOTTOMRIGHT;

		return true;
	}
	}

	return QWidget::nativeEvent(eventType, message, result);
}

二、实现主窗口
派生于上面的CFramelessWindowBase，代码如下：
FramelessWindow.h

#pragma once

#include <QtWidgets/QMainWindow>
#include "CFramelessWindowBase.h"
#include "TitleBar.h"
#include "ContentWidget.h"
#include "LeftBar.h"
#include "CustomStatusBar.h"

class FramelessWindow : public CFramelessWindowBase
{
    Q_OBJECT

public:
    FramelessWindow(QWidget *parent = nullptr);
    ~FramelessWindow();

private slots:
    void OnClose();

private:
    TitleBar* m_pTitleBar = nullptr;
    ContentWidget* m_pContentWidget = nullptr;
    LeftBar* m_pLeftBar = nullptr;
    CustomStatusBar* m_pStatusBar = nullptr;
};

FramelessWindow.cpp

/*

主窗口

*/

#include "FramelessWindow.h"
#include <QVBoxLayout>
#include <QMessageBox>


FramelessWindow::FramelessWindow(QWidget *parent)
    : CFramelessWindowBase(parent)
{
    this->resize(800, 600);

    QWidget* pWidget = new QWidget(this);
    this->setCentralWidget(pWidget);

    m_pTitleBar = new TitleBar(pWidget);
    m_pTitleBar->SetTitleText(tr("QMainWindow Custom Title"));

    QString logo_qss = R"(
		QLabel{
			background-image:url(:/TitleBar/Resources/TitleBar/logo32.svg);
			background-position:center; 
			background-repeat: no-repeat;
			border:none
		}
	)";

    m_pTitleBar->SetTitleIcon(logo_qss);

    m_pContentWidget = new ContentWidget(pWidget);

    m_pLeftBar = new LeftBar(pWidget);
    m_pStatusBar = new CustomStatusBar(pWidget);

    QVBoxLayout* pVLay = new QVBoxLayout(pWidget);
    pVLay->setSpacing(0);
    pVLay->setContentsMargins(0, 0, 0, 0);

    pVLay->addWidget(m_pTitleBar);

    QHBoxLayout* pHLay = new QHBoxLayout(pWidget);
    pHLay->setSpacing(0);
    pHLay->addWidget(m_pLeftBar);
    pHLay->addWidget(m_pContentWidget);

    pVLay->addLayout(pHLay);
    pVLay->addWidget(m_pStatusBar);

    pWidget->setLayout(pVLay);

    connect(m_pTitleBar, &TitleBar::sig_Close, this, &FramelessWindow::OnClose);
}

FramelessWindow::~FramelessWindow()
{
}

void FramelessWindow::OnClose()
{
    QMessageBox::StandardButton resBtn = QMessageBox::question(this, tr("Tips"),
        tr("Are you sure you want to close the window?"),
        QMessageBox::Cancel | QMessageBox::Yes,
        QMessageBox::Yes);

    if (resBtn == QMessageBox::Yes) 
    {
        close();
    }
}

本篇博客源码下载：
https://download.csdn.net/download/yao_hou/89211306?spm=1001.2014.3001.5501

令狐掌门
关注
专栏目录
Qt无边框窗口体拖拽边框改变窗体大小终极方法(橡皮筋窗体)
02-05
Qt无边框窗口体拖拽边框改变窗体大小终极方法(橡皮筋窗体)
QMainWindow无标题栏和边框依然可以通过四周改变窗口大小
03-16
QMainWindow通过setWindowFlags(Qt::FramelessWindowHint)该函数隐藏掉标题栏以后，就不能通过窗口四周来拖动大小了，所以必须要重写，重写两种方法：第一种重写是：mouseMoveEvent,该方法要设置以下两点（1）setMouseTracking(true); //开启鼠标追踪 （2）ui.centralWidget->setLayout(ui.mainLayout);因为我的界面是new出来的，没有具体的ui界面所以用的是第二种通过nativeEvent（）和winEvent（）函数实现的，具体实现过程看代码
QT自定义无边框窗口（可移动控制和窗口大小调整）
最新发布
u012959478的博客
07-25 2057
QT是一个功能强大的跨平台开发框架，它提供了丰富的界面设计工具和组件。在界面开发中，QT窗口自带的标题栏无法满足我们的需求。我们就需要自定义无边框窗口，包括自定义标题栏和窗口大小调整功能。本文将介绍如何在QT中实现这些功能。
QMainWindow无边框(自定义标题栏)
LebronBear的博客
06-07 3389
一.总体思路 1.重写QMenuBar插入MainWindow 参考 https://blog.csdn.net/gnibuoz/article/details/105970328 2.QWidget插入MainWindow(setMenuWidget(w);本文采用方法) 二.代码 头文件 #ifndef KQTILTLE_H #define KQTILTLE_H #include <QWidget> #include <QPushButton> namespace Ui
【QT入门】对无边框窗口自定义标题栏并实现拖动和拉伸效果
LF__plus的博客
04-02 1196
【QT入门】对无边框窗口自定义标题栏并实现拖动和拉伸效果
【Qt】主窗体设置无边框拖动修改尺寸
weixin_46246664的博客
03-21 997
主窗体设置无边框无法拖动修改尺寸，可以和自定义标题栏一样重写，搭配自定义标题栏一起使用，这里写的QMainWindow，如果是无边框QDialog，直接把QMainWindow对应的改为QDialog即可。
Qt自定义标题栏（可拖动标题栏编辑修改窗口大小）
weixin_46246664的博客
06-06 6576
记录下Qt的自定义标题栏
Qt第二十七章：QWidget、QMainWindow无边框自定义标题栏并自由移动、缩放、圆角
Good Luck
12-02 2965
QWidget、QMainWindow自定义标题栏并自由移动缩放
C++ QMainWindow无边框窗口自定义标题栏可拖拽移动拉伸改变窗口大小
04-23
本教程将详细讲解如何实现一个自定义标题栏、可拖拽移动、拉伸改变窗口大小的C++ Qt无边框窗口，并且这个窗口在Win11和Win10系统上带有窗口阴影和圆角。 首先，我们需要在项目中包含必要的头文件并引入Qt的Widgets...
QT自定义标题栏窗口其二：实现拖动及可拉伸效果 + 顶部全屏/侧边半屏
06-20
本教程主要探讨如何在QT中自定义窗口标题栏，实现拖动功能、可拉伸效果，以及添加顶部全屏和侧边半屏的功能。这些特性使得应用程序更加用户友好，提升用户体验。 1. **自定义标题栏**： 在QT中，通常我们使用`...
QT自定义窗口 自由拖动 自定义标题
06-19
QT自定义窗口 自由拖动 自定义标题
QT 隐藏标题栏后改变窗体大小
03-08
设置setWindowFlags(Qt::FramelessWindowHint);隐藏标题栏后，鼠标在窗体边缘时可通过移动鼠标改变窗体大小。
framexl.zip QT可移动、可拉伸改变大小的无边框对话框
07-08
2. **手动拖动**：无边框窗口不能通过标准的标题栏移动，因此需要实现自定义的拖动机制。通常是在窗口的鼠标按下事件（`mousePressEvent()`）中记录鼠标位置，然后在鼠标移动事件（`mouseMoveEvent()`）中计算偏移量...
Qt自定义标题栏并实现拖拽
TimeKnife的专栏
09-25 2650
Qt自定义标题栏并实现拖拽  很多时候，Qt自带的窗体边框不能满足我们的需求，或者我们觉得由于系统的主题影响导致界面太丑了，我们需要自行定义一个好看并和普通标题栏功能相同的控件去替代，以达到美化我们的程序界面的目的；本文简单的实现了该功能。
Qt C++ 实现无边框窗体自定义缩放和拖动
weixin_01的博客
08-06 2409
在本文中，我们使用Qt C++中创建了一个无边框窗体，并实现自定义缩放和拖动功能。我们利用标志隐藏了窗体的边框，并通过事件过滤器监听了窗体和顶部栏的事件，从而实现了窗口的拖动和缩放功能。我们还通过辅助函数判断鼠标所处的边缘区域，并设置相应的鼠标样式，提供了直观的用户反馈。
Qt界面中的子窗口实现鼠标拖动边缘改变大小以及移动（完整demo代码）
CodeWorld1999的博客
07-01 964
仿照QtIDE中自由改变子窗口大小的效果，Qt界面中的子窗口实现鼠标拖动边缘改变大小以及移动（完整demo代码）
基于QMainWindow 实现的效果很好的 Qt 无边框窗口
ZLOZL的博客
08-26 5336
Qt实现自定义窗口 ​ 基于 QMainWindow 实现的效果很好的 Qt 无边框窗口,支持 Windows 和 OS X 系统。在 Windows 上，支持窗口阴影、Aero 效果等；在 OS X 上，支持原生窗口样式，比如窗口圆角、窗口阴影、三个系统按钮(关闭、最小化、最大化）等。 window效果 OSX [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fmi8s2C4-1629970950506)(https://gitee.com/zlozl5566/drawi
VS2019 Qt开发环境搭建与配置
热门推荐
琅嬛福地
08-15 14万+
Qt是很优秀的图形界面跨平台开发框架，开发语言可以用C++, 也可以用python, 建议使用C++。windows上Qt开发环境可以使用QtCreator, 也可以使用VS + Qt, VS开发调试功能强大，本篇介绍VS2019 + Qt5.14开发环境的配置, 其它版本的类似。 VS下载链接：https://visualstudio.microsoft.com/zh-hans/vs/ VS2019 C++主要安装模块： 不............
qmainwindow无标题栏和边框依然可以通过四周改变窗口大小
08-31
QMainWindow是Qt框架中的一个窗口控件类，用于创建基于主窗口的应用程序界面。通常情况下，QMainWindow会自带一个标题栏和边框，用于窗口的显示和与用户交互。然而，即使没有标题栏和边框，也可以通过四周改变窗口大小。 要实现这个效果，我们可以使用QWidget类的窗口样式（WindowFlags）来设置窗口的属性。具体来说，我们可以使用窗口样式的Qt::FramelessWindowHint标志来指示窗口没有边框。同时，我们可以使用窗口样式的Qt::WindowTitleHint标志来指示窗口没有标题栏。这样设置之后，窗口将不再显示边框和标题栏。 然而，即使没有标题栏和边框，我们仍然可以通过四周改变窗口大小。这是因为QWidget类提供了resizeEvent()函数，该函数在窗口大小变化时被调用。我们可以通过重写这个函数，并在函数内部实现自定义的窗口大小改变逻辑。比如，我们可以使用setGeometry()函数来设置窗口的新位置和大小。 当用户通过鼠标拖动窗口四周时，会触发resizeEvent()函数，并且传递相应的参数，包括窗口的新位置和大小。我们可以根据这些参数来改变窗口的大小，以达到通过四周改变窗口大小的效果。在这个过程中，我们可以通过调用QMouseEvent类提供的函数来获得鼠标的位置信息，然后进行相应的处理。 总之，即使没有标题栏和边框，我们仍然可以通过重写resizeEvent()函数并结合鼠标事件来实现通过四周改变窗口大小的效果。这样可以增加用户对窗口大小的控制，提升应用程序的可用性和交互性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

令狐掌门

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

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

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

打赏作者

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

抵扣说明：

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

余额充值