zl程序教程

您现在的位置是:首页 >  工具

当前栏目

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

Qt 显示 视频 控件 窗口 半透明
2023-09-14 09:07:11 时间

场景:视频窗口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似乎不会有不能透明的问题。