QT 如何实现半透明的圆角矩形窗口

原创已于 2024-03-12 15:05:20 修改 · 2k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#qt #shadow #fillRect #drawRoundedRect #setWindowFlag

于 2023-01-11 17:25:36 首次发布

Qt 从入门到精通专栏收录该内容

143 篇文章

订阅专栏

本文介绍了两种在Qt中创建可拖动、半透明、圆角矩形无边框窗口的方法。一种是通过绘图方式，设置透明背景并绘制圆角矩形；另一种是利用QSS样式表设置背景透明度和圆角。两种方法均实现了窗口的拖动功能。

在日常使用的软件里面，有些软件提示用户时，经常会发现有些提示窗口是半透明的。那么如何实现一个可拖动的、半透明、圆角矩形窗口呢？整体思路：将窗口本身设置为透明，然后通过qss或者绘图的方式来实现半透明的效果。

方法壹（绘图方式）

TransparentWidget::TransparentWidget(QWidget *parent)
    : QWidget(parent)
{
	setWindowTitle(QString::fromLocal8Bit("透明无边框窗口"));
	setFixedSize(480, 320);
	setWindowFlag(Qt::FramelessWindowHint);
	setAttribute(Qt::WA_TranslucentBackground);

	QPushButton *button = new QPushButton("Hello world!", this);
	button->setGeometry((geometry().width() - button->width())*0.5, 
		(geometry().height() - button->height())*0.5, 
		button->width(), button->height());
}

TransparentWidget::~TransparentWidget()
{}

void TransparentWidget::paintEvent(QPaintEvent *)
{
	QPainter painter(this);
	painter.setRenderHint(QPainter::Antialiasing);
	//painter.fillRect(this->rect(), QColor(0, 0, 0, 0x20)); /* 设置透明颜色 */

	painter.setPen(Qt::NoPen);
	painter.setBrush(QBrush(QColor(0, 0, 0, 0x20)));

	QRectF rect(0, 0, this->width(), this->height());
	painter.drawRoundedRect(rect, 20, 20);
}

void TransparentWidget::mousePressEvent(QMouseEvent *event)
{
	if (event->button() == Qt::LeftButton) {
		m_startPoint = frameGeometry().topLeft() - event->globalPos();
	}
}

void TransparentWidget::mouseMoveEvent(QMouseEvent *event)
{
	this->move(event->globalPos() + m_startPoint);
}

方法壹的效果图

在这里插入图片描述

方法贰（qss方式）

TransparentWidget::TransparentWidget(QWidget *parent)
    : QWidget(parent)
{
	setWindowTitle(QString::fromLocal8Bit("透明无边框窗口"));
	setFixedSize(480, 320);
	setWindowFlag(Qt::FramelessWindowHint);
	setAttribute(Qt::WA_TranslucentBackground);

	QWidget* shadow = new QWidget(this);
	shadow->setGeometry(0, 0, this->width(), this->height());
	QString style("QWidget{border-radius:10px; background-color:rgba(0,0,0,0.4);}");
	shadow->setStyleSheet(style);

	QPushButton *button = new QPushButton("Hello world!", this);
	button->setGeometry((geometry().width() - button->width())*0.5,
		(geometry().height() - button->height())*0.5,
		button->width(), button->height());
}