轻松利用Qt自带阴影功能实现无边框窗口阴影效果

之前在网上找了很多资料来实现无边框窗口的阴影, 发现不是复杂就是效果不好, 比如图片形式, 只要扩大质量就会严重失真, 会弄疯我们这些强迫症的, 利用纯代码绘画出阴影, 绝对不适合新手和没有绘画细胞的我们, 既然Qt自带阴影效果, 干嘛不直接用呢? 话不多说, 开撸!

实现原理: QWidget互相嵌套, 以一个窗口QWidget作为阴影的画板, 嵌套QWidget设置阴影(是不是特别简单呢?)

代码:

第一步, 先按照如图自己在ui界面创建对应widget, 并进行垂直布局, 布局器更名:lay_bg

布局图片

第二步: 写阴影

//阴影类包含头文件
#include <QGraphicsDropShadowEffect>

//窗体构造函数中
BgWidget::BgWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::BgWidget)
{
    ui->setupUi(this);
    //设置窗体透明
    this->setAttribute(Qt::WA_TranslucentBackground, true);
    //设置无边框
    this->setWindowFlags(Qt::Window | Qt::FramelessWindowHint);
    //实例阴影shadow
    GraphicsDropShadowEffect *shadow = new QGraphicsDropShadowEffect(this);
    //设置阴影距离
    shadow->setOffset(0, 0);
    //设置阴影颜色
    shadow->setColor(QColor("#444444"));
    //设置阴影圆角
    shadow->setBlurRadius(30);
    //给嵌套QWidget设置阴影
    ui->widget_bg->setGraphicsEffect(shadow);
    //给垂直布局器设置边距(此步很重要, 设置宽度为阴影的宽度)
    ui->lay_bg->setMargin(24);
}

做到此步,你想要的阴影效果就实现了,看下图

效果图

是不是非常简单呢, 即不需要重写paintEvent函数, 也不需要自己先作图或者调用那复杂的系统接口, 当然, 如果大神觉得这太简单, 可以去参考别人的复杂的, 那样的代码出来很专业, 哈哈!

图中的圆角很简单,设置下widget_bg的样式就好了, 如果想要半透明的效果, 背景色加上透明通道就好了(rgba).

注意:

如果想要做成最大化的话,点击最大化按钮之后设置下lay_bg的边距为0就好了!

这个阴影已经够日常生活了, 如果觉得阴影太窄, 就去Qt研究下QGraphicsDropShadowEffect这个类吧

轻松利用Qt自带阴影功能实现无边框窗口阴影效果

猜你喜欢