Qt/C++6.4.1：如何实现类似CSS box-shadow的非穿透阴影效果？

要解决半透明Widget下阴影不穿透的问题，核心是让阴影处于Widget内容的下方且被内容层遮挡，而非像QGraphicsDropShadowEffect那样在Widget整体后方。下面是几种可行的实现方式：

方法一：双层Widget嵌套 #

用一个底层Widget专门承载阴影，上层放置半透明的内容Widget，让上层完全覆盖底层阴影区域，这样阴影就不会透过上层透出来。

示例代码：

// 创建底层阴影容器
QWidget* shadowContainer = new QWidget(parent);
shadowContainer->setFixedSize(200, 200);

// 给底层添加阴影效果
QGraphicsDropShadowEffect* shadowEffect = new QGraphicsDropShadowEffect();
shadowEffect->setBlurRadius(10);
shadowEffect->setColor(Qt::black);
shadowEffect->setOffset(3, 3);
shadowContainer->setGraphicsEffect(shadowEffect);

// 创建上层半透明内容Widget
QWidget* contentWidget = new QWidget(shadowContainer);
contentWidget->setFixedSize(200, 200);
contentWidget->setStyleSheet("background-color: rgba(255,255,255,128); border-radius: 8px;");
contentWidget->move(0, 0); // 完全覆盖底层容器

这种方式无需重写绘制逻辑，简单直接，适合大多数常规场景。

方法二：自定义paintEvent绘制阴影 #

重写Widget的paintEvent，先绘制阴影，再绘制Widget内容，确保阴影在内容下方被遮挡。

示例代码：

void CustomWidget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);

    // 1. 绘制阴影：扩大范围绘制模糊圆角矩形
    QRect shadowRect = rect().adjusted(-5, -5, 5, 5);
    QPainterPath shadowPath;
    shadowPath.addRoundedRect(shadowRect, 8, 8); // 和内容圆角保持一致

    QColor shadowColor(0, 0, 0, 100);
    QRadialGradient gradient(shadowRect.center(), shadowRect.width()/2);
    gradient.setColorAt(0, shadowColor);
    gradient.setColorAt(1, Qt::transparent);

    painter.fillPath(shadowPath, gradient);

    // 2. 绘制半透明内容
    QRect contentRect = rect();
    QPainterPath contentPath;
    contentPath.addRoundedRect(contentRect, 8, 8);
    painter.fillPath(contentPath, QColor(255,255,255,128));

    // 绘制其他自定义内容...
}

这种方式灵活性更高，适合需要自定义阴影形状、渐变效果的场景，完全可控。

方法三：使用QSS的box-shadow（限支持QSS的Widget） #

如果你的Widget支持QSS样式，可以直接用box-shadow属性，Qt的QSS支持类似CSS的语法，且默认会处理阴影与内容的层级，不会出现穿透问题。

示例QSS：

CustomWidget {
    background-color: rgba(255,255,255,128);
    border-radius: 8px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}

注意：自定义Widget需要在paintEvent中正确调用QStyle::drawPrimitive等方法，确保QSS样式生效。

内容的提问来源于stack exchange，提问作者luis agreda