頂層窗口由於沒有父窗口作爲依託,因此設置border-radius是無效的。我們可以爲控件添加一個透明的父窗口,來實現圓角以及四周的陰影效果。
最終demo的效果圖如下所示:
此窗口的源碼如下:
Friends::Friends(QWidget *parent)
: QWidget(parent)
{
setFixedSize(800, 600);
setWindowFlag(Qt::FramelessWindowHint);
setAttribute(Qt::WA_TranslucentBackground);
QFrame* frame = new QFrame(this);
frame->setObjectName("frameWidget");
frame->setFixedSize(750,550);
QPushButton* m_MemberBtn = new QPushButton(this);
m_MemberBtn->setText("Member");
m_MemberBtn->setFixedSize(200, 80);
QHBoxLayout* f_layout = new QHBoxLayout(frame);
f_layout->addWidget(m_MemberBtn);
frame->setLayout(f_layout);
QGraphicsDropShadowEffect* shadow_effect = new QGraphicsDropShadowEffect();
shadow_effect->setColor(QColor(128,128,128,255));
shadow_effect->setBlurRadius(20);
shadow_effect->setOffset(0, 0);
frame->setGraphicsEffect(shadow_effect);
QHBoxLayout* tLayout = new QHBoxLayout(this);
tLayout->setContentsMargins(10, 10, 10, 10);
tLayout->addWidget(frame);
}
值得注意的是,需要爲頂層窗口設置內邊距,以給陰影部分顯示空間。