利用Qt的QGraphicsDropShadowEffect实现无边框窗口阴影效果

实现原理:
QWidget互相嵌套, 以一个窗口QWidget作为阴影的画板, 嵌套QWidget设置阴影

第一步:新建一个qt工程,选择QWidget作为主界面的基类

在这里插入图片描述
第二步, 先按照如图自己在ui界面添加一个widget, 并进行垂直布局, 布局器更名:lay_bg。详细步骤如下:
在这里插入图片描述
拖一个Widget到ui界面上,然后选择Widget,垂直布局:
在这里插入图片描述
这里的Layout改成lay_bg,其他保持默认就可以了。

给子QWidget添加背景颜色,通过qss添加:

background-color:lightgray

在这里插入图片描述

在widget.cpp中:

#include "widget.h"
#include "ui_widget.h"
#include <QGraphicsDropShadowEffect>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    //设置窗体透明
    this->setAttribute(Qt::WA_TranslucentBackground, true);
    //设置无边框
    this->setWindowFlags(Qt::Window | Qt::FramelessWindowHint);
    //实例阴影shadow
    QGraphicsDropShadowEffect *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);
//    ui->lay_bg->setMargin(0); 设置为0时,就看不到边框的阴影了
}

Widget::~Widget()
{
    delete ui;
}

如果你没设置widget_bg的背景颜色,因为背景透明的原因,你将什么都看不到。(假如你在widget_bg中添加了一些子控件,而没有设置widget_bg背景颜色,就会看到widget_bg中的子控件都有阴影)
最终效果:
在这里插入图片描述

参考:
https://blog.csdn.net/tonny7501/article/details/81748294

下面这种是用九宫格贴图,挂载方式(推荐用这种方式,稍微改造一下,添加窗口移动效果,就可以用到项目中去了,非入侵式,对有代码改动少)
自定义标题栏无边框阴影窗口

  • 2
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值