QT 如何在背景图中将部分区域设置为透明

客户端开发时，可能会遇到需要使用一些“异形图”来填充背景。又或者是需要把背景某个区域设置为“镂空”，也就是透明！基本上按照以下两个步骤，就可以实现你想要的效果：

1、去掉标题栏、设置窗口属性为透明

setWindowFlags(windowFlags() | Qt::FramelessWindowHint ); // 无边框
setAttribute(Qt::WA_TranslucentBackground);

2、重写 paintEvent(QPaintEvent* event)

void paintHollowRect::paintEvent(QPaintEvent* event)
{
    
    QPainter painter(this);
    painter.setRenderHint(QPainter::HighQualityAntialiasing);

	//把遮罩的某个区域设置为透明
#if 0
	//画阴影遮罩
	painter.fillRect(0, 0, rect().width(), rect().height(), QColor(0, 0, 0, 88));

	//
	int w = rect().width() / 2;
	int h = rect().height() / 2;
	int l = rect().left() + (w / 2);
	int t = rect().top() + (h / 2);

	//最常见的类型是SourceOver（通常称为alpha混合）
	painter.setCompositionMode(QPainter::CompositionMode_Source);
	painter.fillRect(l, t, w, h, QColor(255, 255, 255, 10));
	painter.setCompositionMode(QPainter::CompositionMode_SourceOver);
#endif

	QString img = ":/res/bg_main.png";
	QImageReader reader(img);
	QSize size = reader.size();
	resize(size);

	//画背景图片
	painter.drawImage(this->rect(), QImage(img));
	//
	painter.setCompositionMode(QPainter::CompositionMode_DestinationIn);
	//叠加透明的矩形区域,以显示图像
	painter.fillRect(QRect(10, 10, 300, 300), QColor(0, 0, 0, 0));

    QWidget::paintEvent(event);
}

3、效果图

注意：只要对话框带有边框，就没办法实现透明，所以必须要去掉边框，以及把属性设置为透明，才可以通过paintEvent来实现你的意图。