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

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

  • 2
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在Qt中调用OpenCV库,可以实现高效的图像处理和显示功能。通过使用Qt的QWidget,可以创建一个GUI窗口,并在其中添加一个QLabel控件,用于显示OpenCV捕获的摄像头图像。 具体步骤如下: 1. 首先,需要在Qt项目中添加OpenCV库。 2. 然后,在Qt窗口中创建一个QLabel控件用于显示摄像头图像。 3. 其次,使用OpenCV打开摄像头,读取图像数据。 4. 然后,将OpenCV读取的图像数据转换为QPixmap格式,以便显示在QLabel控件上。 5. 最后,在GUI窗口中循环调用OpenCV读取摄像头图像,并将转换后的图像数据显示在QLabel上。 以下是示例代码: //首先,需要在Qt项目中添加OpenCV库 #include "opencv2/opencv.hpp" #include "opencv2/highgui.hpp" #include "opencv2/imgproc.hpp" //在Qt窗口中创建一个QLabel控件用于显示摄像头图像 QLabel *label = new QLabel(); //使用OpenCV打开摄像头,读取图像数据 cv::VideoCapture cap(0); cv::Mat frame; while(1) { //循环调用OpenCV读取摄像头图像 cap.read(frame); //将OpenCV读取的图像数据转换为QPixmap格式 QPixmap img = QPixmap::fromImage(QImage(frame.data, frame.cols, frame.rows, QImage::Format_RGB888)); //将转换后的图像数据显示在QLabel上 label->setPixmap(img); } ### 回答2: Qt是一种流行的跨平台应用程序开发框架,而OpenCV是一种广泛应用于计算机视觉领域的开放源代码计算机视觉库。使用Qt和OpenCV可以轻松实现对摄像头的调用和显示。 首先,需要使用Qt中的QWidget类创建一个窗口,然后添加一个QLabel类对象。这个QLabel类对象将用于显示从摄像头捕捉到的图像。在程序中创建一个新的OpenCV摄像头对象,并使用OpenCV中提供的实时捕捉数据的方法从摄像头读取数据。 要在Qt显示从摄像头读取的数据,需要使用OpenCV提供的cv::cvtColor()函数将数据从BGR格式转换为RGB格式。然后,使用Qt提供的QImage类将OpenCV图像转换为Qt图像格式,并在QLabel类对象中显示图像。 最后,通过Qt窗口控制方式可以实现对摄像头进行各种控制操作,例如调节曝光时间、对焦等等。在完成以上步骤后,便可通过Qt和OpenCV实现对摄像头的调用和显示操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值