Qt 之窗体透明

一去丶二三里

已于 2023-07-05 20:17:55 修改

阅读量2.3w

点赞数 10

分类专栏： Qt 实战一二三文章标签： Qt Qt透明 Qt窗体透明 Qt透明度 Qt背景透明

于 2016-07-06 12:17:20 首次发布

本文链接：https://blog.csdn.net/liang19890820/article/details/51837342

版权

Qt 实战一二三专栏收录该内容

144 篇文章 3358 订阅

订阅专栏

作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

关于窗体透明，经常遇到，下面我们针对常用的透明效果进行讲解：

全透明（主窗体、子窗体均透明）
主窗体透明（子窗体不透明）
子窗体透明（主窗体不透明）

正常状态

正常状态下，效果如下：

这里写图片描述

全透明

这里，我们可以透过整个窗体观看到桌面的背景。

效果

这里写图片描述

源码

设置窗口的透明度，如下：

setWindowOpacity(0.5);

透明度取值范围：0.0（全透明） - 1.0（不透明），默认值为1.0。

主窗体透明

这里，我们可以透过窗体的一部分观看到桌面的背景。

效果

这里写图片描述

源码

使用paintEvent进行背景绘制

主窗体采用背景色：

void MainWindow::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter painter(this);

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

主窗体采用背景图片：

首先，设置背景透明：

setAttribute(Qt::WA_TranslucentBackground, true);

然后，绘制窗体背景：

void QZXingWidget::paintEvent(QPaintEvent *event)
{
    QPixmap covertPixmap(":/Images/background");
    QPixmap pixmap(covertPixmap.width(), covertPixmap.height());
    pixmap.fill(Qt::transparent); 
    QPainter painter(&pixmap);
    QPoint start_point(0, 0);
    QPoint end_point(0, pixmap.height());
    
    //QLinearGradient进行渐变色设置
    QLinearGradient gradient(start_point, end_point);
    gradient.setColorAt(0, QColor(255, 255, 255, 100));
    gradient.setColorAt(0.5, QColor(255, 255, 255, 150));
    gradient.setColorAt(1, QColor(255, 255, 255, 255));
    painter.fillRect(rect(), QBrush(gradient));
    painter.setCompositionMode(QPainter::CompositionMode_SourceIn); 
    painter.drawPixmap(0, 0, covertPixmap);
    painter.end();

    QPainter painter2(this);
    painter2.drawPixmap(0, 0, pixmap);
}