Qt 已有窗体快速简单实现四周阴影

发现一篇好文，利用 QGraphicsDropShadowEffect 可快速给原先没有阴影的窗口加上阴影，快速方便，不费劲。

原文地址：https://blog.csdn.net/tonny7501/article/details/81748294

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

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

步骤：

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

就是在原有的布局最外层加一个背景 QWidget（如果原有的窗体本来就有无需另外创建），然后这个背景 QWidget 就属于 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这个类吧