音视频技术应用(5)使用QT渲染RGB数据的一个简单示例

#pragma once
#include <QtWidgets/QWidget>#include "ui_testrgb.h"

class TestRGB : publicQWidget
{
    Q_OBJECT

public:
    TestRGB(QWidget *parent =Q_NULLPTR);

    //重写绘制画面的函数
    void paintEvent(QPaintEvent *ev) override;
private:
    Ui::TestRGBClass ui;
};

#include "testrgb.h"
#include <qpainter.h>#include <qimage.h>

static int w = 1280;
static int h = 720;

TestRGB::TestRGB(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);
    //重新设定窗口的大小为1280 * 720
resize(w, h);
}


void TestRGB::paintEvent(QPaintEvent*ev)
{
    QImage img(w, h, QImage::Format_RGB888);

    auto data =img.bits();

    //这里采用的像素格式是RGB888，意味着每个像素点有3个RGB分量组成
    //j 表示行数
    for (int j = 0; j < h; j++)
    {   
        //line_R 表示每一行的第一个R分量的位置
        //比如
        //第一行的第一个R分量的下标为: 0 =    1280(每一行的像素数) * 3(单个像素占用的字节数) * 0(行号) 
        //第二行的第一个R分量的下标为：3840 = 1280(每一行的像素数) * 3(单个像素占用的字节数) * 1(行号) 
        int line_R = w * 3 *j;

        //i = 0 表示的是这一行的第1个R分量，i = 3 表示的是每一行的第2个R分量,i=6 表示的是每一行的第三个R分量，依此类推...
        //通过 i + 1 可以取得R分量后面紧跟的G分量，i + 2可以取得G分量后面跟的B分量
        for (int i = 0; i < w * 3; i+=3)
        {
            data[line_R + i] = 255;         //R
            data[line_R + i + 1] = 0;       //G
            data[line_R + i + 2] = 0;       //B
}
    }


    QPainter p;
    p.begin(this);

    p.drawImage(0, 0, img);

    p.end();

}