QT 实现窗口四周阴影

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

一、效果图
QT 实现窗口四周阴影_第1张图片
二、思路
1.先将所有窗口控件拖到一个QFrame里,注意,QWidget与QFrame之间必须有间距,否则QFrame发散的阴影没有地方显示。
在这里插入图片描述
2.设置窗口背景透明
构造函数中
(1)设置窗口属性Qt::WA_TranslucentBackground来设定该窗口半透明显示。
(2)设置Qt::FramelessWindowHint,窗口无边框。如果不设置就会变为下图。
QT 实现窗口四周阴影_第2张图片
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 
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下由于有的系统不支持透明或者阴影功能,可以直接绘制四条灰线即可。

你可能感兴趣的:(QT,qt,开发语言)