Qt 给顶层窗口和子控件添加阴影和圆角

给顶层窗口添加阴影和圆角

现在的应用软件很多都是窗口一圈带有阴影，可能还会有圆角。对于子部件来说，实现阴影就用 QGraphicsDropShadowEffect 就好了，而实现圆角用 QSS 就好了。但对于顶层窗口就不行了。

首先我们要了解一下为什么对于顶层窗口就不行了呢？

对于一个窗口来说，无论它看起来是什么样子的，它其实都是一个矩形，只不过有些地方看不到而已。对于子部件来说，它有父窗口给它托着，它看起来是不规则的（比如圆角）。但对于顶层窗口来说，它并没有父窗口给它托着，它自身有一层不透明的背景，所以就算实现圆角，它的背景还是一个矩形，会有很难看的底色。就算你给它设定为透明的，那么它也不能用QSS直接进行装饰，因为透明窗口只能用 painter 自己绘制。

但是透明窗口里的子部件是可以直接用QSS装饰的！

子部件有自己的绘制事件，自然是能显示出来了。所以这就给了我们一个实现顶层窗口特效的思路，那就是用一个透明的父窗口将它托住，这样就能像其它子部件一样想干嘛就干嘛。即使用一个 QWidget 作为顶层窗口的子部件，通过 QSS 将其变成圆角，然后利用 QGraphicsDropShadowEffect 给 QWidget 设置阴影。

// 1.设置窗口无边框和窗口透明
this->setWindowFlags(Qt::FramelessWindowHint);
this->setAttribute(Qt::WA_TranslucentBackground);

// 2.使用QGraphicsDropShadowEffect给阴影子窗口设置阴影
m_pShadowWidget = new QWidget;
m_pShadowWidget->setObjectName("ShadowWidget");
QGraphicsDropShadowEffect* effect = new QGraphicsDropShadowEffect;
effect->setOffset(0, 0);
effect->setColor(QColor(68, 68, 68));
effect->setBlurRadius(10);
m_pShadowWidget->setGraphicsEffect(effect);

// 3.样式表设置阴影子窗口的背景色和圆角
m_pShadowWidget->setStyleSheet("QWidget#ShadowWidget{
                                   background-color: #00FFFF;
                                   border-radius: 10px;}");

// 4.将阴影子窗口加入布局
QVBoxLayout *pVLayoutMain = new QVBoxLayout(this);
pVLayoutMain->addWidget(m_pShadowWidget);
pVLayoutMain->setContentsMargins(2, 2, 2, 2);

注意：边缘一定要预留空的地方，因为阴影特效是绘制在父窗口里面的。。这也就是为什么直接给顶层窗口绘制阴影特效并没卵用的原因了。窗口缩放的边缘检测距离要设置的合理。

给子窗口添加阴影和圆角

// 1.初始化子窗口
m_pChildWidget = new QWidget(this);
m_pChildWidget->setObjectName("ChildWidget");
m_pChildWidget->setGeometry(150, 100, 100 ,100);

// 2.使用QGraphicsDropShadowEffect给子窗口设置阴影
QGraphicsDropShadowEffect* effect = new QGraphicsDropShadowEffect;
effect->setOffset(0, 0);
effect->setColor(QColor(68, 68, 68));
effect->setBlurRadius(10);
m_pChildWidget->setGraphicsEffect(effect);


// 3.样式表设置阴影子窗口的背景色和圆角
m_pChildWidget->setStyleSheet("QWidget#ChildWidget{
                               background-color: #00FFFF;
                               border-radius: 10px;}");

给子控件添加阴影和圆角

QGraphicsDropShadowEffect *shadow_effect = new QGraphicsDropShadowEffect(this);
shadow_effect->setOffset(0, 0);
shadow_effect->setColor(QColor(43, 43, 43));
shadow_effect->setBlurRadius(8);

QLabel* pLabel = new QLabel(this);
pLabel->setStyleSheet("background-color: red");
pLabel->setGraphicsEffect(shadow_effect);
pLabel->setGeometry(150, 100, 80, 60);

参考：

Qt5 圆角加阴影窗口简单实现

Qt实现顶层窗口特效--阴影和圆角