devbox
小小林熬夜学编程
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Qt实战 无边框窗口的实现_qt无边框窗口

作者：小小林熬夜学编程 | 2024-02-16 16:01:06

赞

踩

qt无边框窗口

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

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

setWindowFlag(Qt::FramelessWindowHint);

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

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

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

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

Qt实战 无边框窗口的实现

无边框窗口类实现

SuperWindow.ui

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <ui version="4.0">
  3.  <class>SuperWindow</class>
  4.  <widget class="QWidget" name="SuperWindow">
  5.   <property name="geometry">
  6.    <rect>
  7.     <x>0</x>
  8.     <y>0</y>
  9.     <width>800</width>
  10.     <height>600</height>
  11.    </rect>
  12.   </property>
  13.   <property name="windowTitle">
  14.    <string>SuperWindow</string>
  15.   </property>
  16.   <property name="styleSheet">
  17.    <string notr="true">QWidget#titleBar{
  18. 	background-color: rgb(150, 150, 150);
  19. }
  20.  
  21. QPushButton[type=&quot;btn_win_ctrl&quot;]
  22. {
  23. 	max-width: 20px;
  24. 	max-height: 20px;
  25.  
  26. 	border:  1px solid rgba(100, 100, 100, 50);
  27. }
  28. QPushButton[type=&quot;btn_win_ctrl&quot;]:hover
  29. {
  30. 	border:  1px solid blue;
  31. }
  32. QPushButton[type=&quot;btn_win_ctrl&quot;]:pressed
  33. {
  34. 	border:  2px solid blue;
  35. }
  36. QPushButton[type=&quot;btn_win_ctrl&quot;]#btnMinimize
  37. {
  38. 	background: center url(:/icons/minium.png) no-repeat;
  39. }
  40. QPushButton[type=&quot;btn_win_ctrl&quot;]#btnClose
  41. {
  42. 	background: center url(:/icons/close.png) no-repeat;
  43. }
  44.  
  45.  
  46. QLabel#lbWinIcon
  47. {
  48. 	max-width: 20px;
  49. 	max-height: 20px;
  50. 	min-width: 20px;
  51. 	min-height: 20px;
  52. }</string>
  53.   </property>
  54.   <layout class="QVBoxLayout" name="verticalLayout">
  55.    <property name="spacing">
  56.     <number>2</number>
  57.    </property>
  58.    <property name="leftMargin">
  59.     <number>3</number>
  60.    </property>
  61.    <property name="topMargin">
  62.     <number>3</number>
  63.    </property>
  64.    <property name="rightMargin">
  65.     <number>3</number>
  66.    </property>
  67.    <property name="bottomMargin">
  68.     <number>3</number>
  69.    </property>
  70.    <item>
  71.     <widget class="QWidget" name="titleBar" native="true">
  72.      <property name="maximumSize">
  73.       <size>
  74.        <width>16777215</width>
  75.        <height>30</height>
  76.       </size>
  77.      </property>
  78.      <layout class="QHBoxLayout" name="horizontalLayout">
  79.       <property name="spacing">
  80.        <number>2</number>
  81.       </property>
  82.       <property name="leftMargin">
  83.        <number>2</number>
  84.       </property>
  85.       <property name="topMargin">
  86.        <number>2</number>
  87.       </property>
  88.       <property name="rightMargin">
  89.        <number>2</number>
  90.       </property>
  91.       <property name="bottomMargin">
  92.        <number>2</number>
  93.       </property>
  94.       <item>
  95.        <widget class="QLabel" name="lbWinIcon">
  96.         <property name="text">
  97.          <string/>
  98.         </property>
  99.        </widget>
  100.       </item>
  101.       <item>
  102.        <widget class="QLabel" name="lbTitle">
  103.         <property name="text">
  104.          <string>标题</string>
  105.         </property>
  106.        </widget>
  107.       </item>
  108.       <item>
  109.        <spacer name="horizontalSpacer">
  110.         <property name="orientation">
  111.          <enum>Qt::Horizontal</enum>
  112.         </property>
  113.         <property name="sizeHint" stdset="0">
  114.          <size>
  115.           <width>40</width>
  116.           <height>20</height>
  117.          </size>
  118.         </property>
  119.        </spacer>
  120.       </item>
  121.       <item>
  122.        <widget class="QPushButton" name="btnMinimize">
  123.         <property name="text">
  124.          <string/>
  125.         </property>
  126.         <property name="type" stdset="0">
  127.          <string>btn_win_ctrl</string>
  128.         </property>
  129.        </widget>
  130.       </item>
  131.       <item>
  132.        <widget class="QPushButton" name="btnMaxmize">
  133.         <property name="text">
  134.          <string/>
  135.         </property>
  136.         <property name="type" stdset="0">
  137.          <string>btn_win_ctrl</string>
  138.         </property>
  139.         <property name="bMax" stdset="0">
  140.          <bool>false</bool>
  141.         </property>
  142.        </widget>
  143.       </item>
  144.       <item>
  145.        <widget class="QPushButton" name="btnClose">
  146.         <property name="text">
  147.          <string/>
  148.         </property>
  149.         <property name="type" stdset="0">
  150.          <string>btn_win_ctrl</string>
  151.         </property>
  152.        </widget>
  153.       </item>
  154.      </layout>
  155.     </widget>
  156.    </item>
  157.    <item>
  158.     <widget class="QWidget" name="wgtContent" native="true">
  159.      <layout class="QGridLayout" name="gridLayout_2">
  160.       <property name="leftMargin">
  161.        <number>0</number>
  162.       </property>
  163.       <property name="topMargin">
  164.        <number>0</number>
  165.       </property>
  166.       <property name="rightMargin">
  167.        <number>0</number>
  168.       </property>
  169.       <property name="bottomMargin">
  170.        <number>0</number>
  171.       </property>
  172.       <item row="0" column="0">
  173.        <layout class="QGridLayout" name="gridContent"/>
  174.       </item>
  175.      </layout>
  176.     </widget>
  177.    </item>
  178.   </layout>
  179.  </widget>
  180.  <resources/>
  181.  <connections/>
  182. </ui>

SuperWindow.h

  1. #pragma once
  2.  
  3. #include "ui_SuperWindow.h"
  4. #include <QWidget>
  5.  
  6. QT_BEGIN_NAMESPACE
  7. namespace Ui { class SuperWindow; }
  8. QT_END_NAMESPACE
  9.  
  10. class SuperWindow : public QWidget
  11. {
  12.     Q_OBJECT
  13.  
  14. public:
  15.     SuperWindow(QWidget *parent = nullptr);
  16.     ~SuperWindow();
  17.     template<typename T>
  18.     T *CentralWidget()
  19.     {
  20.         if (!m_centralWgt) return nullptr;
  21.         return qobject_cast<T*>(m_centralWgt);
  22.     }
  23.  
  24.     void SetTitle(QString title);
  25.  
  26.     template<typename T>
  27.     static SuperWindow* Create(QWidget* parent = nullptr)
  28.     {
  29.         SuperWindow* fw = new SuperWindow(parent);
  30.         T* centralWgt = new T(fw);
  31.         fw->SetCentralWidget(centralWgt);
  32.         return fw;
  33.     }
  34.  
  35. protected:
  36.     void mouseDoubleClickEvent(QMouseEvent* event);
  37.     void mousePressEvent(QMouseEvent* event);
  38.     void mouseMoveEvent(QMouseEvent* event);
  39.     void mouseReleaseEvent(QMouseEvent* event);
  40.     void paintEvent(QPaintEvent* e);
  41.     void leaveEvent(QEvent* e);
  42.  
  43. private:
  44.     void SetCentralWidget(QWidget *widget);
  45.  
  46.     //计算九宫格行
  47.     int row(QPointF pos);
  48.     //计算九宫格列
  49.     int col(QPointF pos);
  50.     //点击区域 相对于九宫格
  51.     int moveArea(QPointF pos);
  52.     void setMouseStyle(int moveArea);
  53.  
  54. private slots:
  55.     void OnMaxmized();
  56.  
  57. private:
  58.     Ui::SuperWindow *ui;
  59.     QWidget* m_centralWgt{ nullptr };
  60.  
  61.     bool m_bPressed{ false };
  62.     bool m_bResizing{false};
  63.     int m_flag;
  64.     QPoint curPos;
  65.     int m_nBorder{ 3 };
  66. };
  67.

SuperWindow.cpp

  1. #include "SuperWindow.h"
  2.  
  3. #include <QMouseEvent>
  4. #include <QPainter>
  5.  
  6. SuperWindow::SuperWindow(QWidget* parent)
  7.     : QWidget(parent)
  8.     , ui(new Ui::SuperWindow)
  9. {
  10.     ui->setupUi(this);
  11.     setWindowFlag(Qt::FramelessWindowHint);
  12.     setMouseTracking(true);
  13.  
  14.     ui->btnMaxmize->setIcon(QIcon(":/icons/maxsize.png"));
  15.  
  16.  
  17.     for (auto obj : children()) {
  18.         auto wgt = qobject_cast<QWidget*>(obj);
  19.         if (wgt) wgt->setMouseTracking(true);
  20.     }
  21.  
  22.     connect(ui->btnMinimize, &QPushButton::clicked, this, &SuperWindow::showMinimized);
  23.     connect(ui->btnMaxmize, &QPushButton::clicked, this, &SuperWindow::OnMaxmized);
  24.     connect(ui->btnClose, &QPushButton::clicked, this, &SuperWindow::close);
  25. }
  26.  
  27. SuperWindow::~SuperWindow()
  28. {
  29.     delete ui;
  30. }
  31.  
  32. void SuperWindow::SetTitle(QString title)
  33. {
  34.     ui->lbTitle->setText(title);
  35.     setWindowTitle(title);
  36. }
  37.  
  38. void SuperWindow::SetCentralWidget(QWidget *widget)
  39. {
  40.     if (m_centralWgt) return;
  41.     m_centralWgt = widget;
  42.     ui->gridContent->addWidget(widget);
  43. }
  44.  
  45. void SuperWindow::mouseDoubleClickEvent(QMouseEvent* event)
  46. {
  47.     if (event->button() == Qt::LeftButton)
  48.     {
  49.         if (ui->titleBar->geometry().contains(event->pos()))
  50.         {
  51.             OnMaxmized();
  52.         }
  53.     }
  54. }
  55.  
  56. void SuperWindow::mousePressEvent(QMouseEvent* event)
  57. {
  58.     if (event->button() == Qt::LeftButton)
  59.     {
  60.         if (ui->titleBar->geometry().contains(event->pos()) &&
  61.             this->cursor() == Qt::ArrowCursor)
  62.         {
  63.             m_bPressed = true;
  64.             curPos = event->globalPosition().toPoint();
  65.         }
  66.         else if (m_flag != 22)
  67.         {
  68.             m_bResizing = true;
  69.             curPos = event->globalPosition().toPoint();
  70.         }
  71.     }
  72. }
  73.  
  74. void SuperWindow::mouseMoveEvent(QMouseEvent* event)
  75. {
  76.     if (m_bPressed) //如果鼠标左键按下
  77.     {
  78.         QPoint tmpPos = event->globalPosition().toPoint();
  79.         QPoint delta = tmpPos - curPos;
  80.         move(pos() + delta);
  81.         curPos = tmpPos;
  82.     }
  83.     else
  84.     {
  85.         if (!m_bResizing)
  86.         {
  87.             m_flag = moveArea(event->pos());
  88.             setMouseStyle(m_flag);
  89.             return;
  90.         }
  91.  
  92.         qDebug() << "resizing " << event->pos();
  93.  
  94.         QPoint tmpPos = event->globalPosition().toPoint();
  95.         QPoint delta = tmpPos - curPos;
  96.         curPos = tmpPos;
  97.  
  98.         //记录窗体当前位置
  99.         QRect rect = geometry();
  100.         //鼠标左键处于拖拽拉伸区域
  101.         //m_flag为鼠标点击左键时  鼠标样式状态
  102.         switch (m_flag)
  103.         {
  104.         case 11: rect.setTopLeft(rect.topLeft() + delta); break; //左上角
  105.         case 13: rect.setTopRight(rect.topRight() + delta); break; //右上角
  106.         case 31: rect.setBottomLeft(rect.bottomLeft() + delta);  break;  //左下角
  107.         case 33: rect.setBottomRight(rect.bottomRight() + delta); break;  //右下角
  108.         case 12: rect.setTop(rect.top() + delta.y()); break; //上
  109.         case 21: rect.setLeft(rect.left() + delta.x()); break; //左
  110.         case 23: rect.setRight(rect.right() + delta.x()); break; //右
  111.         case 32: rect.setBottom(rect.bottom() + delta.y()); break; //下        
  112.         default: break;
  113.         }
  114.         this->setGeometry(rect);
  115.     }
  116. }
  117.  
  118. void SuperWindow::mouseReleaseEvent(QMouseEvent* event)
  119. {
  120.     Q_UNUSED(event);
  121.     if (event->button() == Qt::LeftButton)
  122.     {
  123.         if (m_bPressed) m_bPressed = false;
  124.        
  125.         if (m_bResizing)
  126.         {
  127.             m_bResizing = false;
  128.             m_flag = 22;
  129.             update();
  130.         }
  131.     }
  132. }
  133.  
  134. void SuperWindow::paintEvent(QPaintEvent* e)
  135. {
  136.     QPainter painter(this);
  137.     {
  138.         painter.save();
  139.         QRect rect(m_nBorder/2, m_nBorder/2, width()-m_nBorder/2, height()-m_nBorder/2);
  140.  
  141.         QPen pen;
  142.         pen.setColor(Qt::lightGray);
  143.         pen.setWidth(m_nBorder);
  144.         painter.setPen(pen);
  145.  
  146.         painter.drawRect(rect);
  147.         painter.restore();
  148.     }
  149.  
  150.     if (m_flag == 22) return;
  151.     else
  152.     {
  153.         QBrush brush;
  154.         brush.setColor(QColor(73, 95, 22, 150));//设置颜色
  155.         brush.setStyle(Qt::SolidPattern);
  156.         painter.setBrush(brush);
  157.         painter.setPen(Qt::NoPen);
  158.  
  159.         switch (m_flag)
  160.         {
  161.         case 12:
  162.         {
  163.             QRect rect(0, 0, width(), m_nBorder);
  164.             painter.drawRect(rect);
  165.             break;
  166.         }
  167.         case 21:
  168.         {
  169.             QRect rect(0, 0, m_nBorder, height());
  170.             painter.drawRect(rect);
  171.             break;
  172.         }
  173.         case 23:
  174.         {
  175.             QRect rect(width()-m_nBorder, 0, m_nBorder, height());
  176.             painter.drawRect(rect);
  177.             break;
  178.         }
  179.         case 32:
  180.         {
  181.             QRect rect(0, height()-m_nBorder, width(), m_nBorder);
  182.             painter.drawRect(rect);
  183.             break;
  184.         }
  185.         case 11:
  186.         {
  187.             QRect rect(0, 0, width(), m_nBorder);
  188.             painter.drawRect(rect);
  189.             rect = QRect(0, 0, m_nBorder, height());
  190.             painter.drawRect(rect);
  191.             break;
  192.         }
  193.         case 13:
  194.         {
  195.             QRect rect(0, 0, width(), m_nBorder);
  196.             painter.drawRect(rect);
  197.             rect = QRect(width()-m_nBorder, 0, m_nBorder, height());
  198.             painter.drawRect(rect);
  199.             break;
  200.         }
  201.         case 31:
  202.         {
  203.             QRect rect(0, 0, m_nBorder, height());
  204.             painter.drawRect(rect);
  205.             rect = QRect(0, height()-m_nBorder, width(), m_nBorder);
  206.             painter.drawRect(rect);
  207.             break;
  208.         }
  209.         case 33:
  210.         {
  211.             QRect rect(0, height()-m_nBorder, width(), m_nBorder);
  212.             painter.drawRect(rect);
  213.             rect = QRect(width()-m_nBorder, 0, m_nBorder, height());
  214.             painter.drawRect(rect);
  215.             break;
  216.         }
  217.         default:
  218.             break;
  219.         }
  220.     }
  221. }
  222.  
  223. void SuperWindow::leaveEvent(QEvent *e)
  224. {
  225.     Q_UNUSED(e);
  226.     m_flag = 22;
  227. }
  228.  
  229. int SuperWindow::row(QPointF pos)
  230. {
  231.     if (pos.y() < m_nBorder)
  232.         return 10;
  233.     else if (pos.y() > height() - m_nBorder)
  234.         return 30;
  235.     else
  236.         return 20;
  237. }
  238.  
  239. int SuperWindow::col(QPointF pos)
  240. {
  241.     if (pos.x() < m_nBorder)
  242.         return 1;
  243.     else if (pos.x() > width() - m_nBorder)
  244.         return 3;
  245.     else
  246.         return 2;
  247. }
  248.  
  249. int SuperWindow::moveArea(QPointF pos)
  250. {
  251.     return row(pos) + col(pos);
  252. }
  253.  
  254. void SuperWindow::setMouseStyle(int moveArea)
  255. {
  256.     switch (moveArea)
  257.     {
  258.     case 11: setCursor(Qt::SizeFDiagCursor); break;
  259.     case 12: setCursor(Qt::SizeVerCursor); break;
  260.     case 13: setCursor(Qt::SizeBDiagCursor); break;
  261.     case 21: setCursor(Qt::SizeHorCursor); break;
  262.     case 22:
  263.     {
  264.         if (!m_bPressed && !m_bResizing)
  265.             setCursor(Qt::ArrowCursor);
  266.         break;
  267.     }
  268.     case 23: setCursor(Qt::SizeHorCursor); break;
  269.     case 31: setCursor(Qt::SizeBDiagCursor); break;
  270.     case 32: setCursor(Qt::SizeVerCursor); break;
  271.     case 33: setCursor(Qt::SizeFDiagCursor); break;
  272.     default: setCursor(Qt::ArrowCursor); break;
  273.     }
  274. }
  275.  
  276. void SuperWindow::OnMaxmized()
  277. {
  278.     if (this->isMaximized())
  279.     {
  280.         this->showNormal();
  281.         ui->btnMaxmize->setIcon(QIcon(":/icons/maxsize.png"));
  282.     }
  283.     else
  284.     {
  285.         this->showMaximized();
  286.         ui->btnMaxmize->setIcon(QIcon(":/icons/normal.png"));
  287.     }
  288. }

main.cpp

  1. #include "MainWin.h"
  2. #include "SuperWindow.h"
  3.  
  4. #include <QApplication>
  5.  
  6. int main(int argc, char *argv[])
  7. {
  8.     QApplication a(argc, argv);
  9.  
  10.     SuperWindow* win = SuperWindow::Create<MainWin>(nullptr);
  11.     win->show();
  12.  
  13.     MainWin* mw = win->CentralWidget<MainWin>();
  14.     if (!mw) qDebug() << "not nullptr";
  15.     else mw->setVisible(false);
  16.  
  17.     return a.exec();
  18. }

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/94979
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号