Qt 頂層窗口設置圓角及陰影效果

頂層窗口由於沒有父窗口作爲依託,因此設置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);
}

值得注意的是,需要爲頂層窗口設置內邊距,以給陰影部分顯示空間。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章