Qt实战 无边框窗口的实现

已于 2023-06-23 18:17:37 修改
阅读量2.5k 收藏 11
点赞数 1
文章标签： qt
于 2023-06-23 18:07:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013001137/article/details/131352050
版权

本次分享，是基于Qt实现了无边框的窗口，并支持拖动缩放、最大化、最小化、关闭、双击全屏等。

实现无边框其实很简单，一行代码搞定。

setWindowFlag(Qt::FramelessWindowHint);

但是，隐藏了窗口的默认边框，标题栏没了，窗口无法进行拖动缩放了，最小化、最大化、关闭按钮也没有了，因此都需要自己实现。

为了实现无边框窗口到窗口背景的清晰过度，还需要给边框加border线或过度阴影。（本文不提供过度阴影，感兴趣的可以自己去研究，Qt有相关的类可实现）

如果将这个无边框的窗口应用到所有窗口，即如何将无边框窗口作为一个容器使用，也是本文需要解决的问题

首先给大家展示一下效果图。

Qt实战 无边框窗口的实现

无边框窗口类实现

SuperWindow.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>SuperWindow</class>
 <widget class="QWidget" name="SuperWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>SuperWindow</string>
  </property>
  <property name="styleSheet">
   <string notr="true">QWidget#titleBar{
	background-color: rgb(150, 150, 150);
}

QPushButton[type=&quot;btn_win_ctrl&quot;]
{
	max-width: 20px;
	max-height: 20px;

	border:  1px solid rgba(100, 100, 100, 50);
}
QPushButton[type=&quot;btn_win_ctrl&quot;]:hover
{
	border:  1px solid blue;
}
QPushButton[type=&quot;btn_win_ctrl&quot;]:pressed
{
	border:  2px solid blue;
}
QPushButton[type=&quot;btn_win_ctrl&quot;]#btnMinimize
{
	background: center url(:/icons/minium.png) no-repeat;
}
QPushButton[type=&quot;btn_win_ctrl&quot;]#btnClose
{
	background: center url(:/icons/close.png) no-repeat;
}


QLabel#lbWinIcon
{
	max-width: 20px;
	max-height: 20px;
	min-width: 20px;
	min-height: 20px;
}</string>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <property name="spacing">
    <number>2</number>
   </property>
   <property name="leftMargin">
    <number>3</number>
   </property>
   <property name="topMargin">
    <number>3</number>
   </property>
   <property name="rightMargin">
    <number>3</number>
   </property>
   <property name="bottomMargin">
    <number>3</number>
   </property>
   <item>
    <widget class="QWidget" name="titleBar" native="true">
     <property name="maximumSize">
      <size>
       <width>16777215</width>
       <height>30</height>
      </size>
     </property>
     <layout class="QHBoxLayout" name="horizontalLayout">
      <property name="spacing">
       <number>2</number>
      </property>
      <property name="leftMargin">
       <number>2</number>
      </property>
      <property name="topMargin">
       <number>2</number>
      </property>
      <property name="rightMargin">
       <number>2</number>
      </property>
      <property name="bottomMargin">
       <number>2</number>
      </property>
      <item>
       <widget class="QLabel" name="lbWinIcon">
        <property name="text">
         <string/>
        </property>
       </widget>
      </item>
      <item>
       <widget class="QLabel" name="lbTitle">
        <property name="text">
         <string>标题</string>
        </property>
       </widget>
      </item>
      <item>
       <spacer name="horizontalSpacer">
        <property name="orientation">
         <enum>Qt::Horizontal</enum>
        </property>
        <property name="sizeHint" stdset="0">
         <size>
          <width>40</width>
          <height>20</height>
         </size>
        </property>
       </spacer>
      </item>
      <item>
       <widget class="QPushButton" name="btnMinimize">
        <property name="text">
         <string/>
        </property>
        <property name="type" stdset="0">
         <string>btn_win_ctrl</string>
        </property>
       </widget>
      </item>
      <item>
       <widget class="QPushButton" name="btnMaxmize">
        <property name="text">
         <string/>
        </property>
        <property name="type" stdset="0">
         <string>btn_win_ctrl</string>
        </property>
        <property name="bMax" stdset="0">
         <bool>false</bool>
        </property>
       </widget>
      </item>
      <item>
       <widget class="QPushButton" name="btnClose">
        <property name="text">
         <string/>
        </property>
        <property name="type" stdset="0">
         <string>btn_win_ctrl</string>
        </property>
       </widget>
      </item>
     </layout>
    </widget>
   </item>
   <item>
    <widget class="QWidget" name="wgtContent" native="true">
     <layout class="QGridLayout" name="gridLayout_2">
      <property name="leftMargin">
       <number>0</number>
      </property>
      <property name="topMargin">
       <number>0</number>
      </property>
      <property name="rightMargin">
       <number>0</number>
      </property>
      <property name="bottomMargin">
       <number>0</number>
      </property>
      <item row="0" column="0">
       <layout class="QGridLayout" name="gridContent"/>
      </item>
     </layout>
    </widget>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections/>
</ui>

SuperWindow.h

#pragma once

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

QT_BEGIN_NAMESPACE
namespace Ui { class SuperWindow; }
QT_END_NAMESPACE

class SuperWindow : public QWidget
{
    Q_OBJECT

public:
    SuperWindow(QWidget *parent = nullptr);
    ~SuperWindow();
    template<typename T>
    T *CentralWidget()
    {
        if (!m_centralWgt) return nullptr;
        return qobject_cast<T*>(m_centralWgt);
    }

    void SetTitle(QString title);

    template<typename T>
    static SuperWindow* Create(QWidget* parent = nullptr)
    {
        SuperWindow* fw = new SuperWindow(parent);
        T* centralWgt = new T(fw);
        fw->SetCentralWidget(centralWgt);
        return fw;
    }

protected:
    void mouseDoubleClickEvent(QMouseEvent* event);
    void mousePressEvent(QMouseEvent* event);
    void mouseMoveEvent(QMouseEvent* event);
    void mouseReleaseEvent(QMouseEvent* event);
    void paintEvent(QPaintEvent* e);
    void leaveEvent(QEvent* e);

private:
    void SetCentralWidget(QWidget *widget);

    //计算九宫格行
    int row(QPointF pos);
    //计算九宫格列
    int col(QPointF pos);
    //点击区域 相对于九宫格
    int moveArea(QPointF pos);
    void setMouseStyle(int moveArea);

private slots:
    void OnMaxmized();

private:
    Ui::SuperWindow *ui;
    QWidget* m_centralWgt{ nullptr };

    bool m_bPressed{ false };
    bool m_bResizing{false};
    int m_flag;
    QPoint curPos;
    int m_nBorder{ 3 };
};

SuperWindow.cpp

#include "SuperWindow.h"

#include <QMouseEvent>
#include <QPainter>

SuperWindow::SuperWindow(QWidget* parent)
    : QWidget(parent)
    , ui(new Ui::SuperWindow)
{
    ui->setupUi(this);
    setWindowFlag(Qt::FramelessWindowHint);
    setMouseTracking(true);

    ui->btnMaxmize->setIcon(QIcon(":/icons/maxsize.png"));


    for (auto obj : children()) {
        auto wgt = qobject_cast<QWidget*>(obj);
        if (wgt) wgt->setMouseTracking(true);
    }

    connect(ui->btnMinimize, &QPushButton::clicked, this, &SuperWindow::showMinimized);
    connect(ui->btnMaxmize, &QPushButton::clicked, this, &SuperWindow::OnMaxmized);
    connect(ui->btnClose, &QPushButton::clicked, this, &SuperWindow::close);
}

SuperWindow::~SuperWindow()
{
    delete ui;
}

void SuperWindow::SetTitle(QString title)
{
    ui->lbTitle->setText(title);
    setWindowTitle(title);
}

void SuperWindow::SetCentralWidget(QWidget *widget)
{
    if (m_centralWgt) return;
    m_centralWgt = widget;
    ui->gridContent->addWidget(widget);
}

void SuperWindow::mouseDoubleClickEvent(QMouseEvent* event)
{
    if (event->button() == Qt::LeftButton)
    {
        if (ui->titleBar->geometry().contains(event->pos()))
        {
            OnMaxmized();
        }
    }
}

void SuperWindow::mousePressEvent(QMouseEvent* event)
{
    if (event->button() == Qt::LeftButton)
    {
        if (ui->titleBar->geometry().contains(event->pos()) &&
            this->cursor() == Qt::ArrowCursor)
        {
            m_bPressed = true;
            curPos = event->globalPosition().toPoint();
        }
        else if (m_flag != 22)
        {
            m_bResizing = true;
            curPos = event->globalPosition().toPoint();
        }
    }
}

void SuperWindow::mouseMoveEvent(QMouseEvent* event)
{
    if (m_bPressed) //如果鼠标左键按下
    {
        QPoint tmpPos = event->globalPosition().toPoint();
        QPoint delta = tmpPos - curPos;
        move(pos() + delta);
        curPos = tmpPos;
    }
    else
    {
        if (!m_bResizing)
        {
            m_flag = moveArea(event->pos());
            setMouseStyle(m_flag);
            return;
        }

        qDebug() << "resizing " << event->pos();

        QPoint tmpPos = event->globalPosition().toPoint();
        QPoint delta = tmpPos - curPos;
        curPos = tmpPos;

        //记录窗体当前位置
        QRect rect = geometry();
        //鼠标左键处于拖拽拉伸区域
        //m_flag为鼠标点击左键时  鼠标样式状态
        switch (m_flag)
        {
        case 11: rect.setTopLeft(rect.topLeft() + delta); break; //左上角
        case 13: rect.setTopRight(rect.topRight() + delta); break; //右上角
        case 31: rect.setBottomLeft(rect.bottomLeft() + delta);  break;  //左下角
        case 33: rect.setBottomRight(rect.bottomRight() + delta); break;  //右下角
        case 12: rect.setTop(rect.top() + delta.y()); break; //上
        case 21: rect.setLeft(rect.left() + delta.x()); break; //左
        case 23: rect.setRight(rect.right() + delta.x()); break; //右
        case 32: rect.setBottom(rect.bottom() + delta.y()); break; //下        
        default: break;
        }
        this->setGeometry(rect);
    }
}

void SuperWindow::mouseReleaseEvent(QMouseEvent* event)
{
    Q_UNUSED(event);
    if (event->button() == Qt::LeftButton)
    {
        if (m_bPressed) m_bPressed = false;
       
        if (m_bResizing)
        {
            m_bResizing = false;
            m_flag = 22;
            update();
        }
    }
}

void SuperWindow::paintEvent(QPaintEvent* e)
{
    QPainter painter(this);
    {
        painter.save();
        QRect rect(m_nBorder/2, m_nBorder/2, width()-m_nBorder/2, height()-m_nBorder/2);

        QPen pen;
        pen.setColor(Qt::lightGray);
        pen.setWidth(m_nBorder);
        painter.setPen(pen);

        painter.drawRect(rect);
        painter.restore();
    }

    if (m_flag == 22) return;
    else
    {
        QBrush brush;
        brush.setColor(QColor(73, 95, 22, 150));//设置颜色
        brush.setStyle(Qt::SolidPattern);
        painter.setBrush(brush);
        painter.setPen(Qt::NoPen);

        switch (m_flag)
        {
        case 12:
        {
            QRect rect(0, 0, width(), m_nBorder);
            painter.drawRect(rect);
            break;
        }
        case 21:
        {
            QRect rect(0, 0, m_nBorder, height());
            painter.drawRect(rect);
            break;
        }
        case 23:
        {
            QRect rect(width()-m_nBorder, 0, m_nBorder, height());
            painter.drawRect(rect);
            break;
        }
        case 32:
        {
            QRect rect(0, height()-m_nBorder, width(), m_nBorder);
            painter.drawRect(rect);
            break;
        }
        case 11:
        {
            QRect rect(0, 0, width(), m_nBorder);
            painter.drawRect(rect);
            rect = QRect(0, 0, m_nBorder, height());
            painter.drawRect(rect);
            break;
        }
        case 13:
        {
            QRect rect(0, 0, width(), m_nBorder);
            painter.drawRect(rect);
            rect = QRect(width()-m_nBorder, 0, m_nBorder, height());
            painter.drawRect(rect);
            break;
        }
        case 31:
        {
            QRect rect(0, 0, m_nBorder, height());
            painter.drawRect(rect);
            rect = QRect(0, height()-m_nBorder, width(), m_nBorder);
            painter.drawRect(rect);
            break;
        }
        case 33:
        {
            QRect rect(0, height()-m_nBorder, width(), m_nBorder);
            painter.drawRect(rect);
            rect = QRect(width()-m_nBorder, 0, m_nBorder, height());
            painter.drawRect(rect);
            break;
        }
        default:
            break;
        }
    }
}

void SuperWindow::leaveEvent(QEvent *e)
{
    Q_UNUSED(e);
    m_flag = 22;
}

int SuperWindow::row(QPointF pos)
{
    if (pos.y() < m_nBorder)
        return 10;
    else if (pos.y() > height() - m_nBorder)
        return 30;
    else
        return 20;
}

int SuperWindow::col(QPointF pos)
{
    if (pos.x() < m_nBorder)
        return 1;
    else if (pos.x() > width() - m_nBorder)
        return 3;
    else
        return 2;
}

int SuperWindow::moveArea(QPointF pos)
{
    return row(pos) + col(pos);
}

void SuperWindow::setMouseStyle(int moveArea)
{
    switch (moveArea)
    {
    case 11: setCursor(Qt::SizeFDiagCursor); break;
    case 12: setCursor(Qt::SizeVerCursor); break;
    case 13: setCursor(Qt::SizeBDiagCursor); break;
    case 21: setCursor(Qt::SizeHorCursor); break;
    case 22:
    {
        if (!m_bPressed && !m_bResizing)
            setCursor(Qt::ArrowCursor);
        break;
    }
    case 23: setCursor(Qt::SizeHorCursor); break;
    case 31: setCursor(Qt::SizeBDiagCursor); break;
    case 32: setCursor(Qt::SizeVerCursor); break;
    case 33: setCursor(Qt::SizeFDiagCursor); break;
    default: setCursor(Qt::ArrowCursor); break;
    }
}

void SuperWindow::OnMaxmized()
{
    if (this->isMaximized())
    {
        this->showNormal();
        ui->btnMaxmize->setIcon(QIcon(":/icons/maxsize.png"));
    }
    else
    {
        this->showMaximized();
        ui->btnMaxmize->setIcon(QIcon(":/icons/normal.png"));
    }
}

main.cpp

#include "MainWin.h"
#include "SuperWindow.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    SuperWindow* win = SuperWindow::Create<MainWin>(nullptr);
    win->show();

    MainWin* mw = win->CentralWidget<MainWin>();
    if (!mw) qDebug() << "not nullptr";
    else mw->setVisible(false);

    return a.exec();
}

对于MainWin的实现，这里就不在放代码了，只要是集成QWidget的窗口即可。

如果我的分享，帮助了您，不要忘记点赞、评论和收藏。

哎哟哟爱民谣
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt 实现窗口跳转
weixin_42260599的博客
01-16 3262
下面是运行截图 mainwindow.h中 #ifndef MAINWINDOW_H #define MAINWINDOW_H   #include &lt;QMainWindow&gt; #include&lt;QLabel&gt; #include&lt;QPushButton&gt;   namespace Ui { class MainWind...
Qt 设置窗体无边框
q5512049的博客
08-24 1275
QPoint move_point;                                    //移动的距离     bool mouse_press;                                    //鼠标按下     void mousePressEvent(QMouseEvent *qevent);            //鼠标按下事件
Qt 实现无边框窗口，支持缩放窗口大小
09-26
Qt 实现无边框窗口，可以自由缩放窗口尺寸，QT5.8+MinGW编译通过，运行效果见博客分类“Qt实用技术”中关于无边框窗口的实现文章。
[Qt] 手把手教你制作一个无边框窗口
qq_41784218的博客
08-14 3352
创建一个Qt无边框窗体
QT实现无边框移动拉伸
最新发布
weixin_55183625的博客
05-23 409
该方法中实现判定当前鼠标的状态（上、下、左、右、左上、左下、右上、右下、可移动），可以使用枚举，点击后该重写方法不进行判定鼠标状态，转而判定当前该干啥。4.2.监听mousePressEvent鼠标按下方法，获取当前鼠标在窗口中得到位置，保证移动后的窗口位置不变。4.6.实现moveCurrentWindow（私有创建的，不是重载的）方法移动窗口。4.7.实现drawCurrentWindow（私有创建的，不是重载的）方法拉伸窗口。4.3.监听mouseReleaseEvent鼠标松开方法，清空点击位置。
QT无边框窗口
HuanBianCheng27的博客
11-27 5332
实现三个虚函数算法相关鼠标相对于左上角的 z 是不变的添加 QPoint 头文件因为作用域的原因，我们把 z 定义为类的成员变量。现在就可以正常的拖动窗口了。
Qt跨平台无边框窗口探索记录
weixin_40953784的博客
08-24 1093
实现的效果为：通过黑色矩形框预操作，鼠标释放时更新窗口。
Qt实现无边框窗口
2301_79728641的博客
11-29 2077
本篇为作者第一次学做无边框窗口的历程。
QT窗口实现无边框
qq_40950183的博客
01-26 1586
QT窗口无边框,显示任务栏
Qt无边框之重新实现窗口拉伸缩放
05-20
为此，在该Demo中将通过代码来实现窗口的拉伸缩放功能，其中包含完整案例，拉伸效果纵享丝滑，本项目开发环境为VS2019+QT5.15.2，如环境不同可自行根据自身环境进行配置，希望对大家有所帮助，如对项目中内容有疑问...
Qt5实现无边框窗口阴影
01-04
本文将详细讲解如何在Qt5中实现无边框窗口并添加阴影效果，以及如何为QPushButton等控件添加阴影。 首先，让我们了解Qt5中的窗口边框和无边框窗口。在默认情况下，Qt窗口会带有系统定义的边框，这些边框提供了基本...
Qt透明无边框窗口的实现示例
12-31
最近在封装一些类的时候，打算做一个窗口框架，能实现拖动、无边框、透明基本样式等功能 0x00 如何透明窗口？ 第一步：开启窗口的透明层。 setWindowFlags(Qt::FramelessWindowHint); /* 注意：如果单纯开启窗口...
Qt无边框窗体实现方案
while(1) { smile(); }
05-30 1986
Qt虽然提供了诸如Qt::FramelessWindowHint之类的属性可以移除窗体的边框，但是移除边框之后，窗体的一些默认行为也被移除了，如鼠标拖动改变大小、双击标题栏最大化等，这些行为需要开发者自己来实现。 本文主要介绍实现无边框窗体的几种方案。 笔者认为，一个完美的无边框窗体解决方案需要支持如下功能： 支持通过使用鼠标拖拽来改变窗体位置和大小； 支持双击标题栏最大化窗体和还原窗体； 支持Windows Areo Snap特性； 支持系统阴影； 支持跨不同DPI的屏幕拖拽； 适应分辨率和DPI改变；
Qt实战：万能的无边框窗口（FramelessWindow）
QtCompany的博客
08-26 1207
之前也看了不少Qt实现FramelessWindow的例子，不是很复杂就是不通用。通过上面的实现，现在已完成了一个通用的版本，只要将自己的窗口设置到ContentWidget即可。界面的分层，感兴趣的朋友可以尝试下，如果没有XWidget这一层会有什么效果，ContentWidget边框效果会失效，这样当然就达不到预期结果了；启用了WA_Hover鼠标悬浮追踪，如果不启用，鼠标的移动事件可能会被子控件覆盖，这样就不会知道鼠标是否到达边框位置，从而无法正确设置鼠标的形状；
Qt去掉自带边框后实现窗口拉伸缩放
tormi21c的博客
05-20 5750
一.背景描述 在实际开发当中，很少会直接用Qt自带的边框，经常是去掉自带的边框，然后重新使用部件+图片来构建带有企业产品性质的边框。 去掉了Qt自带的边框后，随之也去掉了自带的窗口拉伸缩放功能，这就导致了在产品使用过程中失去了一定了灵活性。为此，需要我们重新实现该功能。 二.实现原理 从Qt原生边框中自带的拉伸缩放功能使用中，我们可以大概猜测到基本的实现原理，就是当鼠标靠近四边、四个角时，会对鼠标的形状进行改变，如果此时按下鼠标左键并进行拖动，那么就会...
Qt学习：无边框界面的实现总结
壁立千仞无欲则刚的博客
03-06 5688
无边框界面是每个桌面应用必备的功能。手机无边框就很好解决了，直接无边框就好了，默认是全屏的。但是桌面无边框会有很多问题，首先是不能拖动。之前看过别人的无边框实现，大部分是做成整个界面按住哪里都能拖动，感觉这样不好。另外看到大部分的代码都只实现了拖动，却没有实现标题栏。还是自己做比较好。1、无边框的实现代码 // 无边框 setWindowFlags(Qt::FramelessWind...
【QT开发笔记-基础篇】| 第四章 事件QEvent | 4.11 小案例-无边框窗口
B站-大轮明王讲Qt
10-31 862
本节课，来实现一个非常精简的无边框窗口，支持拖动4个边和4个角来缩放窗口。当鼠标位于 12346789 区域时，鼠标形状如上，可以进行窗口缩放；当鼠标位于 5 区域时，鼠标恢复正常形状如上，可以进行窗口的移动；没有了标题栏，也就没有了右上角的 “关闭” 按钮，就无法退出程序了。不过本节先来实现当鼠标移动到边界时，改变鼠标的形状的功能。本节来实现，当鼠标在边界处按下并拖动时，缩放窗口的功能。由于没有了标题栏，无法移动窗口。接下来实现鼠标在边界处按下时，可以缩放窗口的功能。区域，才移动窗口，所以修改。
QWindowKit实现Qt完美无边框窗口
noevil的博客
04-25 1526
qt完美无边框实现方案
Qt 无边框窗口、边框圆角
路奇的博客
05-08 725
首先要确认一点，无边框窗口与qss背驰，相当于继承QWdiget自定义控件，所以当你设置无边框时，会导致其qss失效，解决办法也有，如下图官网给出解决方案。不用重写paintEvent，但是明显能看出来有锯齿。无边框只要重写以下几个消息响应就可了。
Qt 5实战：构建应用与RSS阅读器
同时，调整类别、使用ScrollView实现滚动浏览、添加繁忙指示器以及创建无边框窗口等技巧，让应用的用户体验得到提升。这部分还包含了对QML的调试方法，这对于优化和修复代码至关重要。 第四部分“控制相机和拍照”...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值