网上好多写的不清楚。。。又搞了好长时间。这样应该最简单了。
一、效果图
二、思路
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下由于有的系统不支持透明或者阴影功能,可以直接绘制四条灰线即可。