QT 实现窗口四周阴影

网上好多写的不清楚。。。又搞了好长时间。这样应该最简单了。

一、效果图
在这里插入图片描述
二、思路
1.先将所有窗口控件拖到一个QFrame里,注意,QWidget与QFrame之间必须有间距,否则QFrame发散的阴影没有地方显示。
在这里插入图片描述
2.设置窗口背景透明
构造函数中
(1)设置窗口属性Qt::WA_TranslucentBackground来设定该窗口半透明显示。
(2)设置Qt::FramelessWindowHint,窗口无边框。如果不设置就会变为下图。
在这里插入图片描述
3.总代码

setWindowFlags(Qt::FramelessWindowHint);
setAttribute(Qt::WA_TranslucentBackground);

QGraphicsDropShadowEffect *effect = new QGraphicsDropShadowEffect(this);
effect->setOffset(0, 0);          //设置向哪个方向产生阴影效果(dx,dy),特别地,(0,0)代表向四周发散
effect->setColor(Qt::gray);       //设置阴影颜色,也可以setColor(QColor(220,220,220))
effect->setBlurRadius(20);        //设定阴影的模糊半径,数值越大越模糊
ui->mainFrame->setGraphicsEffect(effect);

参考:https://www.jianshu.com/p/775fe6c4aabd


警告:上述绘制的无边框阴影,有可能在遇到大批量控件刷新的时候,报Update Layered Window Indirect failed for ptDst=…这个错误,使得界面刷新卡顿,所以必须使用其他方案,如如下方式直接在painEvent中绘,也可以实现阴影

#include <QtMath>
void LoginDialog::paintEvent(QPaintEvent *event)
{
    QPainterPath path;
    path.setFillRule(Qt::WindingFill);
    QRectF rect(10, 10, this->width()-20, this->height()-20);
    path.addRoundRect(rect, 8, 8);

    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing, true);
    painter.fillPath(path, QBrush(Qt::white));

    QColor color(0, 0, 0, 50);
    for(int i = 0; i < 10; i++) {
        QPainterPath path;
        path.setFillRule(Qt::WindingFill);
        path.addRect(10-i, 10-i, this->width()-(10-i)*2, this->height()-(10-i)*2);
        color.setAlpha(150 - qSqrt(i)*50);
        painter.setPen(color);
        painter.drawPath(path);
    }
}

tips:linux下由于有的系统不支持透明或者阴影功能,可以直接绘制四条灰线即可。

  • 15
    点赞
  • 57
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值