Qt之窗体透明

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/a844651990/article/details/82256652

测试环境: win10 + Qt5.9.6 MinGw

简述

  关于窗体透明我们平常用到的大概有三种:

  1. 主窗体和子窗体都透明。
  2. 主窗体透明,子窗体不透明。
  3. 主窗体不透明,子窗体透明。

下面进行一一介绍。

实现

一、主窗体和子窗体都透明。

  全透明很简单只需要该方法即可:

// 原型
// void setWindowOpacity(qreal level);
setWindowOpacity(0.8);

  透明度level取值范围:0.0(全透明) - 1.0(不透明),默认值为1.0。
代码:

Widget::Widget(QWidget *parent) :
    QWidget(parent)
{
    resize(400, 300);
    setWindowOpacity(0.8);

    QPushButton *pButton = new QPushButton(tr("按钮"), this);
    pButton->setFixedSize(80, 30);
    QWidget *pWidget = new QWidget(this);
    pWidget->setStyleSheet("background-color: green;");
    QLabel *pLabel = new QLabel(tr("子窗体"), pWidget);
    pLabel->move(150, 70);
    pLabel->setStyleSheet("font-size: 18pt; font-family: 'Microsoft Yahei';");
    QVBoxLayout *pLayout = new QVBoxLayout(this);
    pLayout->addWidget(pButton, 0, Qt::AlignHCenter);
    pLayout->addWidget(pWidget);
    pLayout->setContentsMargins(20, 20, 20, 100);
}

效果:
这里写图片描述
主窗体和子窗体都是透明。

二、主窗体透明,子窗体不透明。

  需要下面两个方法配合使用:

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

关于Qt自定义无边框,参考:Qt自定义无边框Widget、Dialog、MessageBox

然后重写paintEvent事件:

void Widget::paintEvent(QPaintEvent *e)
{
    Q_UNUSED(e);

    QPainter painter(this);

    // QColor最后一个参数代表alpha通道,一般用作透明度
    painter.fillRect(rect(), QColor(50, 50, 50, 55));
}

效果图:
这里写图片描述

三、主窗体不透明,子窗体透明。

  可以直接通过设置样式表进行设置:

Widget::Widget(QWidget *parent) :
    QWidget(parent)
{
    resize(400, 300);
    QLabel *pLabelMaster = new QLabel(tr("主窗体"), this);
    pLabelMaster->setStyleSheet("font-size: 18pt; font-family: 'Microsoft Yahei';");
    pLabelMaster->move(100, 80);
    QPushButton *pButton = new QPushButton(tr("按钮"), this);
    pButton->setFixedSize(80, 30);
    BaseWidget *pWidget = new BaseWidget(this);
    pWidget->setStyleSheet("background-color: rgba(67, 148, 16, 150);");
    QLabel *pLabel = new QLabel(tr("子窗体"), pWidget);
    pLabel->setStyleSheet("background-color: rgba(0, 0, 0, 0); \
                           font-size: 18pt; \
                           font-family: 'Microsoft Yahei'");
    pLabel->setScaledContents(true);
    pLabel->move(150, 70);
    QVBoxLayout *pLayout = new QVBoxLayout(this);
    pLayout->addWidget(pButton, 0, Qt::AlignHCenter);
    pLayout->addWidget(pWidget);
    pLayout->setContentsMargins(20, 20, 20, 100);
}

效果图:
这里写图片描述

展开阅读全文

没有更多推荐了,返回首页