QT 实现自定义标题栏带阴影的窗口

最新推荐文章于 2024-05-27 21:39:00 发布
最新推荐文章于 2024-05-27 21:39:00 发布
阅读量533 收藏 5
点赞数 1
分类专栏： QT 文章标签： qt Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanglei_11/article/details/128927878
版权

实现效果：

工程目录：

具体实现：CFrameLessWidgetBase主要实现窗口鼠标拖拽和缩放,CTitleBar主要实现标题栏，

代码位置：https://download.csdn.net/download/wanglei_11/87426331

CFrameLessWidgetBase.h

#ifndef CFRAMELESSWIDGETBASE_H
#define CFRAMELESSWIDGETBASE_H


#include <QWidget>

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

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

private:
    int mouse_margin = 5;
};
#endif

CFrameLessWidgetBase.cpp

#include "CFrameLessWidgetBase.h"

#ifdef Q_OS_WIN
#include <qt_windows.h>
#include <Windows.h>
#include <windowsx.h>
#endif

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

CFrameLessWidgetBase::CFrameLessWidgetBase(QWidget* parent)
{
    setWindowFlags(Qt::FramelessWindowHint | Qt::WindowMinMaxButtonsHint);
    setAttribute(Qt::WA_Hover);
}

CFrameLessWidgetBase::~CFrameLessWidgetBase()
{
}

bool CFrameLessWidgetBase::nativeEvent(const QByteArray& eventType, void* message, long* result)
{
    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();

        // 如果鼠标位于内部子控件上，则不进行处理
        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);
}

CTitleBar.h 

#ifndef CTITLEBAR_H
#define CTITLEBAR_H

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

class CTitleBar : public QWidget
{
    Q_OBJECT

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

protected:
    void paintEvent(QPaintEvent* event) override;
    void mousePressEvent(QMouseEvent* event) override;
    void mouseDoubleClickEvent(QMouseEvent* event) override;

signals:
    void sig_close();
    void sig_max(bool isMax);

private slots:
    void on_Clicked();

private:
    Ui::CTitleBar ui;
};

#endif // CTITLEBAR_H

CTitleBar.cpp

#include "CTitleBar.h"
#include <QMouseEvent>
#include <QStyleOption>
#include <QPushButton>
#include <QPainter>

#include <qt_windows.h>
#pragma comment(lib, "user32.lib")

CTitleBar::CTitleBar(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);

    //禁止父窗口影响子窗口样式
    setAttribute(Qt::WA_StyledBackground);

    //左上，右上圆角10；左下，右下圆角0
    this->setStyleSheet("QWidget{background-color:rgb(54,54,54); \
        border-top-left-radius:10px; \
        border-top-right-radius:10px; \
        border-bottom-left-radius:0px; \
        border-bottom-right-radius:0px;}");

    ui.label_title->setText(u8"我是标题");
    ui.label_title->setStyleSheet("QLabel{font-family: Microsoft YaHei; \
        font-size:18px; \
        color:#BDC8E2;background-color:rgb(54,54,54);}");

    ui.btnSet->setFixedSize(32, 32);
    ui.btnSet->setText("");
    ui.btnSet->setFlat(true);
    ui.btnSet->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/set.svg);border:none}" \
        "QPushButton:hover{" \
        "background-color:rgb(99, 99, 99);" \
        "background-image:url(:/titlebar/resource/titlebar/set_hover.svg);border:none;}");

    ui.btnMin->setFixedSize(32, 32);
    ui.btnMin->setText("");
    ui.btnMin->setFlat(true);
    ui.btnMin->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/min.svg);border:none}" \
        "QPushButton:hover{" \
        "background-color:rgb(99, 99, 99);" \
        "background-image:url(:/titlebar/resource/titlebar/min_hover.svg);border:none;}");

    ui.btnMax->setFixedSize(35, 35);
    ui.btnMax->setFlat(true);
    ui.btnMax->setText("");
    ui.btnMax->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/normal.svg);border:none; \
        background-position:center; \
        background-repeat:no-repeat;}  \
        QPushButton:hover{ \
        background-color:rgb(99, 99, 99); \
        background-image:url(:/titlebar/resource/titlebar/normal_hover.svg);border:none;}");

    ui.btnClose->setFixedSize(32, 32);
    ui.btnClose->setFlat(true);
    ui.btnClose->setText("");
    ui.btnClose->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/close.svg);border:none}" \
        "QPushButton:hover{" \
        "background-color:rgb(99, 99, 99);" \
        "background-image:url(:/titlebar/resource/titlebar/close_hover.svg);border:none;}");

    connect(ui.btnMin, SIGNAL(clicked(bool)), this, SLOT(on_Clicked()));
    connect(ui.btnMax, SIGNAL(clicked(bool)), this, SLOT(on_Clicked()));
    connect(ui.btnClose, SIGNAL(clicked(bool)), this, SLOT(on_Clicked()));
}

CTitleBar::~CTitleBar()
{
}

void CTitleBar::paintEvent(QPaintEvent* event)
{
    //决定样式表是否起作用
    /*QStyleOption opt;
    opt.init(this);
    QPainter p(this);
    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
    QWidget::paintEvent(event);*/
}

void CTitleBar::on_Clicked()
{
    QPushButton* pButton = qobject_cast<QPushButton*>(sender());

    QWidget* pWindow = this->window();

    if (pWindow->isTopLevel())
    {
        if (pButton == ui.btnMin)
        {
            pWindow->showMinimized();
        }
        else if (pButton == ui.btnMax)
        {
            if (pWindow->isMaximized())
            {
                pWindow->showNormal();
                ui.btnMax->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/normal.svg);border:none;  \
                    background-position:center; \
                    background-repeat:no-repeat;}  \
                    QPushButton:hover{ \
                    background-color:rgb(99, 99, 99); \
                    background-image:url(:/titlebar/resource/titlebar/normal_hover.svg);border:none;}");

                emit sig_max(false);
            }
            else
            {
                pWindow->showMaximized();
                ui.btnMax->setStyleSheet("QPushButton{background-image:url(:/titlebar/resource/titlebar/max.svg);border:none;  \
                    background-position:center; \
                    background-repeat:no-repeat;}  \
                    QPushButton:hover{ \
                    background-color:rgb(99, 99, 99);  \
                    background-image:url(:/titlebar/resource/titlebar/max_hover.svg);border:none;}");

                emit sig_max(true);
            }
        }
        else if (pButton == ui.btnClose)
        {
            emit sig_close();
        }
    }
}

void CTitleBar::mousePressEvent(QMouseEvent* event)
{
    if (ReleaseCapture())
    {
        QWidget* pWindow = this->window();
        if (pWindow->isTopLevel())
        {
            SendMessage(HWND(pWindow->winId()), WM_SYSCOMMAND, SC_MOVE + HTCAPTION, 0);
        }
    }

    event->ignore();
}

void CTitleBar::mouseDoubleClickEvent(QMouseEvent* event)
{
    emit ui.btnMax->clicked();
}

CTopWidget.h

#ifndef CTOPWIDGET_H
#define CTOPWIDGET_H

#include <QWidget>

class CTopWidget : public QWidget
{
    Q_OBJECT

public:
    CTopWidget(QWidget* p = nullptr);
    ~CTopWidget();

signals:
    void sig_close();
    void sig_max(bool isMax);
};
#endif

CTopWidget.cpp

#include "CTopWidget.h"
#include "CTitleBar.h"
#include <QVBoxLayout>

CTopWidget::CTopWidget(QWidget* p)
    :QWidget(p)
{
    setAttribute(Qt::WA_StyledBackground);
    this->setStyleSheet("QWidget{background-color:rgb(255, 254, 253);border-radius:10px;}");
    /*this->setStyleSheet("QWidget{background-color:rgb(255, 254, 253); \
        border-bottom-left-radius:15px; \
        border-bottom-right-radius:15px;}");*/

    QVBoxLayout* pVLay = new QVBoxLayout(this);
    CTitleBar* pTitle = new CTitleBar(this);
    QWidget* pWidget = new QWidget(this);

    //需要指定pWidget最小尺寸，或最大尺寸
    pWidget->setMinimumSize(1200, 800);

    pVLay->addWidget(pTitle);
    pVLay->addWidget(pWidget);
    pVLay->setContentsMargins(0, 0, 0, 0);
    setLayout(pVLay);

    connect(pTitle, &CTitleBar::sig_close, this, &CTopWidget::sig_close);
    connect(pTitle, &CTitleBar::sig_max, this, &CTopWidget::sig_max);
}

CTopWidget::~CTopWidget()
{
}
MainWidget.h
#ifndef MAINWIDGET_H
#define MAINWIDGET_H

#include <QtWidgets/QWidget>
#include "CFrameLessWidgetBase.h"
#include "CTopWidget.h"
#include <QVBoxLayout>
#include <QGraphicsDropShadowEffect>

//派生于CFrameLessWidgetBase
class MainWidget : public CFrameLessWidgetBase
{
    Q_OBJECT

public:
    MainWidget(QWidget *parent = Q_NULLPTR);

private slots:
    void onClose();
    void onDoMax(bool isMax);

private:
    QVBoxLayout* m_pMainVLay = nullptr;
    CTopWidget* m_pTopWidget = nullptr;
    QGraphicsDropShadowEffect* m_pShadow = nullptr;
};
#endif

MainWidget.cpp

#include "MainWidget.h"


MainWidget::MainWidget(QWidget *parent)
    : CFrameLessWidgetBase(parent)
{
    //设置窗体透明
    this->setAttribute(Qt::WA_TranslucentBackground, true);

    m_pMainVLay = new QVBoxLayout(this);
    m_pTopWidget = new CTopWidget(this);
    m_pMainVLay->addWidget(m_pTopWidget);

    int shadow_width = 30;
    m_pMainVLay->setContentsMargins(shadow_width, shadow_width, shadow_width, shadow_width);
    setLayout(m_pMainVLay);

    //给顶层widget设置背景颜色，不然看不见，因为底层widget已经透明了
    m_pTopWidget->setStyleSheet("background-color:rgb(255, 254, 253)");
    m_pShadow = new QGraphicsDropShadowEffect(this);

    //设置阴影距离
    m_pShadow->setOffset(0, 0);

    //设置阴影颜色  686868
    m_pShadow->setColor(QColor("#0000FF"));

    //设置阴影区域
    m_pShadow->setBlurRadius(shadow_width - 5);

    //给顶层QWidget设置阴影
    m_pTopWidget->setGraphicsEffect(m_pShadow);

    connect(m_pTopWidget, &CTopWidget::sig_close, this, &MainWidget::onClose);
    connect(m_pTopWidget, &CTopWidget::sig_max, this, &MainWidget::onDoMax);
}

void MainWidget::onClose()
{
    close();
}

void MainWidget::onDoMax(bool isMax)
{
    int shadow_width = 25;
    if (isMax)
    {
        shadow_width = 0;
    }
    else
    {

    }

    m_pMainVLay->setContentsMargins(shadow_width, shadow_width, shadow_width, shadow_width);

    //设置阴影区域
    m_pShadow->setBlurRadius(shadow_width);

    //给顶层QWidget设置阴影
    m_pTopWidget->setGraphicsEffect(m_pShadow);
}
水火汪
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
QT实现窗口四周阴影（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-11 459
QT实现窗口四周阴影（附完整源码）
Qt无边框、阴影、圆角、可拖动、有最大化最小化关闭按钮美观UI窗口
12-08
#Qt美观UI窗口 1. 去除系统自带边框； 2. 设置窗口圆角、窗口阴影； 3. 设置窗口可任意拖动； 4. 添加最大化、最小化、关闭按钮； 5.窗口功能完善，无bug。
Qt C++自定义窗体，实现自定义标题栏、阴影、全局背景、拖拽、缩放、最大化等功能，附下载链接
qq_32513033的博客
12-27 4186
功能：自定义标题栏、阴影、透明、边框、全局背景、拖拽、缩放、最大化、最小化、还原、关闭、记住窗体状态。 网上已经有很多类似的教程，但都有一些不足。本篇文章几乎完全实现了和window默认窗体的所有功能（缺少最小化的动画和分屏）。 我是业余的，水平不高，这是我能想到最完美的解决方案了。
Qt自定义标题栏
最新发布
2301_80434259的博客
05-27 1137
qDebug()
QT设置窗口阴影
weixin_43435307的博客
05-06 1365
简单解释一下，在widget的内套一个QFrame，然后将所有控件拖拽到QFrame中，对整个QWidget进行布局，预留一定的边距（具体多少根据自己的场景定），然后设置顶层widget背景透明，QFrame背景白色。窗口加上阴影能够使窗口显得更加立体，实现方式也很简单，采用Widget或Dialog嵌套frame的形式实现，具体实现如下。最后在构造函数中给QFrame设置阴影即可。
Qt实现部件透明及阴影效果
Jacksqh的博客
01-27 2060
文章目录透明效果情况一情况二情况三情况四阴影效果 透明效果 情况一 //窗口整个透明属性,取值为0-1，0为全透明 setWindowOpacity(0.5); 情况二 //部件不透明，窗体背景完全透明，以下两个函数必须配合使用 setWindowFlags(Qt::FramelessWindowHint);//窗口无边框 setAttribute(Qt::WA_TranslucentBackground);//背景透明 情况三 //单个部件设置透明 //需要添加头文件#include
【Qt】仿360安全卫士界面(自定义标题栏).rar
01-13
此外，自定义标题栏可能还包括其他高级功能，如透明度控制、窗口阴影效果等。对于透明度，可以使用Qt的`Qt::WA_TranslucentBackground`属性来实现。窗口阴影效果则可以利用QSS（Qt样式表）和`...
QT无标题栏+阴影边框
09-16
QT无标题栏+阴影边框是一种常见的...总的来说，QT5.2.0提供了足够的灵活性来定制界面，实现如"QT无标题栏+阴影边框"这样高级的视觉效果。通过学习和实践这些技巧，开发者可以为他们的应用创造出更加吸引人的用户界面。
QT5自定义窗体及标题栏，全局背景，C++语言
01-10
在本项目“QT5自定义窗体及标题栏，全局背景，C++语言”中，我们将探讨如何使用QT5的C++ API来创建具有独特视觉效果和功能的窗口应用。 首先，我们需要理解窗体（Widget）的概念。在QT5中，窗体是用户界面的基本...
C++ QMainWindow无边框窗口自定义标题栏可拖拽移动拉伸改变窗口大小
04-23
本教程将详细讲解如何实现一个自定义标题栏、可拖拽移动、拉伸改变窗口大小的C++ Qt无边框窗口，并且这个窗口在Win11和Win10系统上带有窗口阴影和圆角。 首先，我们需要在项目中包含必要的头文件并引入Qt的Widgets...
Qt之使用QPainter自绘实现窗口阴影边框
前行之路还需前行
08-14 1万+
一、简述 今天要说的是如何通过自绘的方式实现窗口的阴影边框，在之前的文章里Qt之使用QGraphicsDropShadowEffect添加窗口边框以及文字阴影效果 ，讲述到使用Qt的 QGraphicsDropShadowEffect类给窗口或者控件加阴影效果，在显示上效果也不错，但是使用上貌似会有一些问题，之前在项目中使用QGraphicsDropShadowEffect还挺多的，但是会遇到窗口...
QT部件透明阴影效果与不规则窗体
qq_54169998的博客
01-06 1224
在页面布局中添加一个Label标签用来显示图片，应用程序大小设置成与图片大学校一致。方法，传入一个0~1之间的值来表示透明度；1表示不透明，0表示完全透明。在构造函数中初始化，通过setMask( )方法设置遮罩。重写printEvent( )方法，将图片绘制到应用程序上。之后设置窗体透明，部件不透明时就可以出现窗体班透明效果。将准备好的小黄人png图片添加到项目资源中。需要重写paintEvent( )方法。将窗体外形设置成小黄人形状。设置窗体透明，部件不透明。设置整个窗体透明，调用。
Qt 给窗口绘制阴影
qq_44723937的博客
02-23 2282
文章目录Qt 给窗口绘制阴影前言重载`paintEvent`法QGraphicsDropShadowEffect方法使用九图拼凑法九宫格缩放阴影法 Qt 给窗口绘制阴影 前言 最近自定义一个消息弹框，但是没加阴影之前，觉得有点扁平。然后仔细看了Qt自带的消息弹框，发现是没有加上阴影的问题。所以就在网上搜索怎么加阴影，有多种方法。写这个博客的目的是记录一下这几种方法，并且加上我对于这些方法的理解。 具体的方法有 重载paintEvent，调用drawRect或者drawRoundedRect或者drawP
QT 实现窗口四周阴影
热门推荐
guorong520的博客
04-01 1万+
网上好多写的不清楚。。。又搞了好长时间。这样应该最简单了。 一、效果图 二、思路 1.先将所有窗口控件拖到一个QFrame里，因为设置对象阴影其子控件也会生效，所以需要这一步，让其无法生效。(最关键) 2.设置窗口背景透明 setAttribute(Qt::WA_TranslucentBackground); 3.设置参数 QGraphicsDropShadowEffect *effect =...
Qt实现界面的阴影效果（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-25 85
Qt实现界面的阴影效果（附完整源码）
Qt中如何给窗体绘制阴影，重写绘图事件
u012377293的专栏
09-25 811
给窗体绘制阴影 void paintEvent(QPaintEvent *event) { //绘制阴影 QPainterPath path; path.setFillRule(Qt::WindingFill); path.addRect(10 10 this->width() - 10* 2, this->height() - 10* 2); QPainter painter(this); ...
linux下qt实现自定义标题栏
03-31
在Linux下，可以通过自定义QWidget来实现自定义标题栏。具体实现步骤如下： 1. 创建一个继承自QWidget的类，用于实现自定义标题栏。 ```cpp class MyTitleBar : public QWidget { Q_OBJECT public: explicit MyTitleBar(QWidget *parent = nullptr); protected: void mousePressEvent(QMouseEvent *event) override; void mouseMoveEvent(QMouseEvent *event) override; private: QPoint m_lastPos; }; ``` 2. 在构造函数中设置标题栏的大小、背景色和布局。 ```cpp MyTitleBar::MyTitleBar(QWidget *parent) : QWidget(parent) { setFixedHeight(30); setStyleSheet("background-color: #333333"); QHBoxLayout *layout = new QHBoxLayout(); layout->setContentsMargins(0, 0, 0, 0); layout->setSpacing(0); setLayout(layout); } ``` 3. 重写mousePressEvent和mouseMoveEvent函数，实现标题栏的拖动。 ```cpp void MyTitleBar::mousePressEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton) { m_lastPos = event->globalPos() - this->parentWidget()->geometry().topLeft(); } } void MyTitleBar::mouseMoveEvent(QMouseEvent *event) { if (event->buttons() & Qt::LeftButton) { QPoint pos = event->globalPos() - m_lastPos; this->parentWidget()->move(pos); } } ``` 4. 在主窗口中添加自定义标题栏，并将系统标题栏隐藏。 ```cpp MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { setWindowTitle("Custom Title Bar"); setWindowFlags(Qt::FramelessWindowHint | windowFlags()); MyTitleBar *titleBar = new MyTitleBar(this); setMenuWidget(titleBar); // 添加其他控件及布局 // ... } ``` 5. 编译运行程序，即可看到自定义标题栏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

水火汪

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

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

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

打赏作者

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

抵扣说明：

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

余额充值