服务器之家

服务器之家 > 正文

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

时间:2021-08-06 14:19     来源/作者:Qt君

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

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

0x00 如何透明窗口?

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

?
1
2
setWindowFlags(Qt::FramelessWindowHint); /* 注意:如果单纯开启窗口透明层效果,在Windows系统中必须设置, 其他系统可忽略。 */
setAttribute(Qt::WA_TranslucentBackground);

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

?
1
2
3
4
5
6
void paintEvent(QPaintEvent *)
{
  QPainter painter(this);
  /* 0x20为透明层颜色,可自定义设置为0x0到0xff */
  painter.fillRect(this->rect(), QColor(0, 0, 0, 0x20));
}

0x01 如何无边框窗口?

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

0x02 如何拖拽窗口?

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
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 完整代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
#include <QWidget>
#include <QVBoxLayout>
#include <QPushButton>
#include <QPainter>
#include <QMouseEvent>
 
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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://segmentfault.com/a/1190000021134141

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021德云社封箱演出完整版 2021年德云社封箱演出在线看
2021德云社封箱演出完整版 2021年德云社封箱演出在线看 2021-03-15
返回顶部