signed

QiShunwang

“诚信为本、客户至上”

Qt在视频窗口上显示半透明控件

2021/6/8 23:56:27   来源:

场景:视频窗口QLabel的句柄传给DXVA,由DXVA渲染。在视频窗口上显示半透明的控件(文本)。

如果是纯Qt渲染的话,显示透明控件只需要设置qss rgba的a,例如:

QLabel{background:rgba(255,0,0,0.3);}

但是当把Qt控件交给原生UI(这里我用的是DXVA2,目的是GPU硬解码和渲染)显示视频流的时候,透明就失效了。

首先视频窗口和透明控件不能是父子对象关系,否则子对象(透明控件)会直接隐藏,所以必须是同级的。

解决方法:

子类化QLabel,设置窗口透明,无边框,并且设置成Qt::tool,这两行是关键。

然后在paintEvent里绘制半透明背景和文本。
 

#pragma once

#include <QLabel>
#include <QFont>
#include <QPen>

class CTransparentLabel : public QLabel
{
    Q_OBJECT

public:
    CTransparentLabel(const QString &text, QWidget *parent = Q_NULLPTR);
    ~CTransparentLabel();

    void setColor(const QColor &color);

protected:
    void paintEvent(QPaintEvent* e);

private:
    QString     m_text;
    QColor      m_color{ Qt::white };
};
CTransparentLabel::CTransparentLabel(const QString &text, QWidget *parent)
    : QLabel(parent)
    , m_text(text)
{
    setAttribute(Qt::WA_TranslucentBackground);
    setWindowFlags(Qt::FramelessWindowHint | Qt::Tool);
    setAlignment(Qt::AlignCenter);
}

CTransparentLabel::~CTransparentLabel()
{
}

void CTransparentLabel::setColor(const QColor &color)
{
    m_color = color;
    update();
}

void CTransparentLabel::paintEvent(QPaintEvent *e)
{
    QPainter painter(this);
    painter.fillRect(rect(), QColor(0, 0, 0, 128));
    QPen pen;
    pen.setColor(m_color);
    painter.setPen(pen);
    painter.drawText(rect(), Qt::AlignCenter, m_text);
}

然后在主窗口移动透明label到指定位置:

    QPoint p(x, y); // 计算得到的label全局坐标
    NumLabel = new CTransparentLabel(QString::number("hello"), this); 
    NumLabel->setFont(QFont("Microsoft YaHei", 16));
    NumLabel->move(p); // 控件移到懂全局坐标p
    NumLabel->resize(28, 20); // 设置label size
    NumLabel->show();

注意:设置了Qt::Tool之后,move的坐标改成全局坐标。而且用NumLabel->mapToGobal是没有用的,所以得手动计算控件的坐标,这个比较麻烦。

最后:网上搜了一下QOpenGLWidget似乎不会有不能透明的问题。