Qt透明无边框窗口的实现示例

最近在封装一些类的时候，打算做一个窗口框架，能实现拖动、无边框、透明基本样式等功能

0x00 如何透明窗口？

第一步：开启窗口的透明层。

setWindowFlags(Qt::framelessWindowHint); 
setAttribute(Qt::WA_TranslucentBackground);

第二步: 重写paintEvent事件并使用QPainter画透明层。

void paintEvent(QPaintEvent *)
{
  QPainter painter(this);
  
  painter.fillRect(this->rect(), QColor(0, 0, 0, 0x20)); 
}

0x01 如何无边框窗口？

设置setWindowFlags(Qt::framelessWindowHint);即可无边框窗口，但无法移动和改变大小。

0x02 如何拖拽窗口？

由于系统窗口被设置为Qt::framelessWindowHint会导致窗口不能被拖动。通过捕获鼠标移动事件从而实现窗口移动。

void mousePressEvent(QMouseEvent *event)
{
  if (event->button() == Qt::LeftButton) {
    
    m_startPoint = frameGeometry().topLeft() - event->globalPos();
  }
}

void mouseMoveEvent(QMouseEvent *event)
{
  
  this->move(event->globalPos() + m_startPoint);
}

0x03 完整代码

#include 
#include 
#include 
#include 
#include 

class TransparentWidget : public QWidget
{
  Q_OBJECT
public:
  TransparentWidget(QWidget *parent = 0)
    : QWidget(parent)
  {
    setWindowTitle(QString::fromLocal8Bit("透明无边框窗口"));
    setFixedSize(480, 320);
    setWindowFlags(Qt::framelessWindowHint);
    setAttribute(Qt::WA_TranslucentBackground);

    QPushButton *button = new QPushButton("Hello world!", this);
    button->setGeometry(5, 5, 80, 40);
  }

  void paintEvent(QPaintEvent *)
  {
    QPainter painter(this);
    painter.fillRect(this->rect(), QColor(0, 0, 0, 0x20)); 
  }

  void mousePressEvent(QMouseEvent *event)
  {
    if (event->button() == Qt::LeftButton) {
      m_startPoint = frameGeometry().topLeft() - event->globalPos();
    }
  }

  void mouseMoveEvent(QMouseEvent *event)
  {
    this->move(event->globalPos() + m_startPoint);
  }

private:
  QPoint m_startPoint;
};

0x04 源码地址

https://github.com/aeagean/QtCustomWidget

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。