Qt实现部件透明及阴影效果

原创已于 2022-12-26 12:26:34 修改 · 2.3k 阅读

12 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#qt #开发语言

于 2022-01-27 20:08:30 首次发布

Qt 专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍如何在Qt中实现窗口及部件的透明效果，并添加阴影效果，包括不同透明度设置、背景透明处理、单个部件透明设置以及重写绘图事件的方法。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

文章目录

透明效果
阴影效果

透明效果

情况一

 //窗口整个透明属性,取值为0-1，0为全透明
 setWindowOpacity(0.5);

在这里插入图片描述

情况二

 //部件不透明，窗体背景完全透明，以下两个函数必须配合使用
 setWindowFlags(Qt::FramelessWindowHint);//窗口无边框
 setAttribute(Qt::WA_TranslucentBackground);//背景透明

在这里插入图片描述

情况三

//单个部件设置透明
//需要添加头文件#include<QGraphicsOpacityEffect>
QGraphicsOpacityEffect*opacityEffect=new QGraphicsOpacityEffect;
opacityEffect->setOpacity(0.1);  //0为完全透明，1为不透明
ui->label->setGraphicsEffect(opacityEffect);

在这里插入图片描述

情况四

窗口半透明，部件不透明：需要重写paintEvent

setWindowFlags(Qt::FramelessWindowHint);   //窗口无边框
setAttribute(Qt::WA_TranslucentBackground);//背景透明
//重写绘图事件
void MainWindow::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.fillRect(rect(),QColor(255,255,255,200));//rect:填充矩形区域+rgb值+透明度为100
}

在这里插入图片描述

阴影效果

要添加头文件#include<QGraphicsDropShadowEffect>

//阴影效果
QGraphicsDropShadowEffect*shadowEffect=new QGraphicsDropShadowEffect;
//阴影色，透明色
shadowEffect->setColor(QColor(100,100,100));
shadowEffect->setBlurRadius(20);//阴影模糊半径
shadowEffect->setOffset(20);    //阴影偏移值
ui->label->setGraphicsEffect(shadowEffect);