Qt使用openGl显示图片

最新推荐文章于 2024-07-27 13:14:47 发布
最新推荐文章于 2024-07-27 13:14:47 发布
阅读量1k 收藏 4
点赞数
文章标签： qt c++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/up_123321/article/details/133351303
版权
文章介绍了如何使用QOpenGLWidget进行图像渲染，包括重写initializeGL、resizeGL和paintGL函数，以及处理滚动、鼠标移动和点击事件，以调整图像大小和位置。
摘要由CSDN通过智能技术生成

首先都知道，在使用QOpenGlwidget窗口来渲染图片时要重写

void initializeGL() Q_DECL_OVERRIDE;    void resizeGL(int w, int h) Q_DECL_OVERRIDE;    void paintGL() Q_DECL_OVERRIDE;三个关键的函数，
其中initializeGL（）在第一次paintGl()之前调用一次，窗口类刚创建的时候不调用。所以刚new 出一个类，在类没有执行一次painGl()之前opengl是没有初始化的，这个时候执行任何opengl的函数都会报错，切记！。

接下来直接放整个类的全部代码。

#ifndef GLSHOWPICTURE_H
#define GLSHOWPICTURE_H
#include <QOpenGLWidget>
#include <QOpenGLFunctions>
#include <QOpenGLTexture>
#include <QOpenGLShaderProgram>
#include <QOpenGLBuffer>
#include <QOpenGLVertexArrayObject>
#include <QWheelEvent>
class GlShowPicture : public QOpenGLWidget, protected  QOpenGLFunctions
{
    Q_OBJECT
public:
    GlShowPicture(QWidget *parent = nullptr);
    ~GlShowPicture();
    void setPicPath(QString path);
    void setImage(const QImage &image);
    void wheelEvent(QWheelEvent *event) override;
    void mouseMoveEvent(QMouseEvent* e) override;
    void mousePressEvent(QMouseEvent* e) override;
    void mouseReleaseEvent(QMouseEvent* e) override;

public slots:



protected:
    void initTextures();
    void initShaders();
    void initializeGL() Q_DECL_OVERRIDE;
    void resizeGL(int w, int h) Q_DECL_OVERRIDE;
    void paintGL() Q_DECL_OVERRIDE;
private:
    QVector<QVector3D> vertices;
    QVector<QVector2D> texCoords;
    QOpenGLShaderProgram program;
    QOpenGLTexture *texture;
    QMatrix4x4 projection;

    QString m_picPath;
    QImage m_img;

    bool dragFlag_;
    QPointF dragPos_;

    float scaleVal_ =1; // 缩放倍率

    bool picChange = true;
};

#endif // GLSHOWPICTURE_H

#include "glshowpicture.h"

GlShowPicture::GlShowPicture(QWidget *parent )
: QOpenGLWidget(parent)
{
    qDebug()<<__FUNCTION__<<this;
    texture = nullptr;
}

GlShowPicture::~GlShowPicture()
{
    qDebug()<<this<<__FUNCTION__;
    makeCurrent();

    if (texture){
        texture->destroy();
    }



}

void GlShowPicture::setPicPath(QString path)
{
    if(path.isEmpty()) return;
    m_img.load(path);

    vertices.clear();
    // 计算横坐标长度占窗口的比例

    float xRadio = m_img.width()*1.0/this->width();
    float yRadio = m_img.height()*1.0/this->height();
    if(xRadio < yRadio){
        //顶点坐标
        vertices.append(QVector3D(-1.0*(1.0/yRadio)*xRadio, -1, 1));//左下
        vertices.append(QVector3D(1.0*(1.0/yRadio)*xRadio, -1, 1)); //右下
        vertices.append(QVector3D(-1.0*(1.0/yRadio)*xRadio, 1, 1)); //左上
        vertices.append(QVector3D(1.0*(1.0/yRadio)*xRadio, 1, 1));  //右上
    }
    else {
        //顶点坐标
        vertices.append(QVector3D(-1.0, -1*(1.0/xRadio)*yRadio, 1));//左下
        vertices.append(QVector3D(1.0, -1*(1.0/xRadio)*yRadio, 1)); //右下
        vertices.append(QVector3D(-1.0, 1*(1.0/xRadio)*yRadio, 1)); //左上
        vertices.append(QVector3D(1.0, 1*(1.0/xRadio)*yRadio, 1));  //右上
    }
//    qDebug()<<__FUNCTION__<<xRadio<<yRadio<<vertices;


    picChange = true;


    update();
}

void GlShowPicture::initTextures()
{
    // 加载 Avengers.jpg 图片
    texture = new QOpenGLTexture(QOpenGLTexture::Target2D);
    texture->setMinificationFilter(QOpenGLTexture::LinearMipMapLinear);
    texture->setMagnificationFilter(QOpenGLTexture::Linear);
    //重复使用纹理坐标
    //纹理坐标(1.1, 1.2)与(0.1, 0.2)相同
    texture->setWrapMode(QOpenGLTexture::Repeat);
//    //设置纹理大小
//    texture->setSize(this->width(), this->height());
    //分配储存空间
    texture->allocateStorage();
}

void GlShowPicture::initShaders()
{
    //纹理坐标
   texCoords.append(QVector2D(0, 1)); //左上
   texCoords.append(QVector2D(1, 1)); //右上
   texCoords.append(QVector2D(0, 0)); //左下
   texCoords.append(QVector2D(1, 0)); //右下

       QOpenGLShader *vshader = new QOpenGLShader(QOpenGLShader::Vertex, this);
       const char *vsrc =
               "attribute vec4 vertex;\n"
               "attribute vec2 texCoord;\n"
               "varying vec2 texc;\n"
               "void main(void)\n"
               "{\n"
               "    gl_Position = vertex;\n"
               "    texc = texCoord;\n"
               "}\n";
       vshader->compileSourceCode(vsrc);//编译顶点着色器代码

       QOpenGLShader *fshader = new QOpenGLShader(QOpenGLShader::Fragment, this);
       const char *fsrc =
           "precision mediump float;\n" // 添加此行指定float类型的精度为mediump
           "uniform sampler2D texture;\n"
           "varying vec2 texc;\n"
           "void main(void)\n"
           "{\n"
           "    gl_FragColor = texture2D(texture, texc);\n"
           "}\n";
       fshader->compileSourceCode(fsrc); //编译纹理着色器代码

       program.addShader(vshader);//添加顶点着色器
       program.addShader(fshader);//添加纹理碎片着色器
       program.bindAttributeLocation("vertex", 0);//绑定顶点属性位置
       program.bindAttributeLocation("texCoord", 1);//绑定纹理属性位置
       // 链接着色器管道
       if (!program.link()){
           close();
       }
       // 绑定着色器管道
       if (!program.bind())
           close();


}

void GlShowPicture::initializeGL()
{
    qDebug()<<__FUNCTION__<<this;
    initializeOpenGLFunctions(); //初始化OPenGL功能函数
    glClearColor(0.9, 0.9, 0.9, 1);    //设置背景颜色
    glEnable(GL_TEXTURE_2D);     //设置纹理2D功能可用
    initTextures();              //初始化纹理设置
    initShaders();               //初始化shaders
}

void GlShowPicture::resizeGL(int w, int h)
{
    // 计算窗口横纵比
    qreal aspect = qreal(w) / qreal(h ? h : 1);
    // 设置近平面值 3.0, 远平面值 7.0, 视场45度
    const qreal zNear = 3.0, zFar = 7.0, fov = 45.0;
    // 重设投影
    projection.setToIdentity();
    // 设置透视投影
    projection.perspective(fov, static_cast<float>(aspect), zNear, zFar);
}

void GlShowPicture::paintGL()
{

    qDebug()<<this <<__FUNCTION__;
    if(picChange){
//        qDebug()<<__FUNCTION__<<this<<texture;
        texture->destroy(); //消耗底层的纹理对象
//        qDebug()<<__FUNCTION__<<this;
        texture->create();
//        qDebug()<<__FUNCTION__<<this<<texture;
        texture->setData(m_img);
        picChange = false;
    }

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); //清除屏幕缓存和深度缓冲
    QMatrix4x4 matrix;
    matrix.translate(0.0, 0.0, -5.0);                   //矩阵变换
    program.enableAttributeArray(0);
    program.enableAttributeArray(1);
    program.setAttributeArray(0, vertices.constData());
    program.setAttributeArray(1, texCoords.constData());
    program.setUniformValue("texture", 0); //将当前上下文中位置的统一变量设置为value
    if(texture){
        texture->bind();  //绑定纹理
        glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);//绘制纹理
        texture->release(); //释放绑定的纹理
    }
    else {
        qDebug()<<__FUNCTION__<<"纹理没有加载";
    }

//    texture->destroy(); //消耗底层的纹理对象
//    texture->create();



}

void GlShowPicture::setImage(const QImage &image)
{
//    if(image.isNull()) return;
    m_img = image;
    vertices.clear();
    // 计算横坐标长度占窗口的比例
    qDebug()<<__FUNCTION__<<m_img.width()<<m_img.height();

    float xRadio = m_img.width()*1.0/this->width();
    float yRadio = m_img.height()*1.0/this->height();
    if(xRadio < yRadio){
        //顶点坐标
        vertices.append(QVector3D(-1.0*(1.0/yRadio)*xRadio, -1, 1));//左下
        vertices.append(QVector3D(1.0*(1.0/yRadio)*xRadio, -1, 1)); //右下
        vertices.append(QVector3D(-1.0*(1.0/yRadio)*xRadio, 1, 1)); //左上
        vertices.append(QVector3D(1.0*(1.0/yRadio)*xRadio, 1, 1));  //右上
    }
    else {
        //顶点坐标
        vertices.append(QVector3D(-1.0, -1*(1.0/xRadio)*yRadio, 1));//左下
        vertices.append(QVector3D(1.0, -1*(1.0/xRadio)*yRadio, 1)); //右下
        vertices.append(QVector3D(-1.0, 1*(1.0/xRadio)*yRadio, 1)); //左上
        vertices.append(QVector3D(1.0, 1*(1.0/xRadio)*yRadio, 1));  //右上
    }
    qDebug()<<__FUNCTION__<<xRadio<<yRadio<<vertices;


    picChange = true;


    update();
}

void GlShowPicture::wheelEvent(QWheelEvent *event)    // 滚轮事件
{
    if(event->delta() > 0){                    // 当滚轮远离使用者时 放大
        scaleVal_ *=1.1;
        for(int i=0;i<vertices.size();i++){
            vertices[i][0] *= 1.1;
            vertices[i][1] *= 1.1;
        }

    }else{                                     // 当滚轮向使用者方向旋转时 缩小
        scaleVal_ *=0.9;
        for(int i=0;i<vertices.size();i++){
            vertices[i][0] *= 0.9;
            vertices[i][1] *= 0.9;
        }
    }

    update();
}

void GlShowPicture::mouseMoveEvent(QMouseEvent* e)
{
    if (dragFlag_)
    {
        int scaledMoveX = e->x()-dragPos_.x();
        int scaledMoveY = e->y()-dragPos_.y();
        float moveXRadio = scaledMoveX*1.0/this->width();
        float moveYRadio = scaledMoveY*1.0/this->height();

        for(int i=0;i<vertices.size();i++){
            vertices[i][0] += moveXRadio;
            vertices[i][1] -= moveYRadio; // y轴是反的

        }

        dragPos_.setX(e->x());
        dragPos_.setY(e->y());
        update();
    }
}

void GlShowPicture::mousePressEvent(QMouseEvent* e)
{
    if(scaleVal_ > 0)
    {
        dragFlag_ = true;
        dragPos_.setX(e->x());
        dragPos_.setY(e->y());
    }
}

void GlShowPicture::mouseReleaseEvent(QMouseEvent* e)
{
    dragFlag_ = false;
}
  • setImage和setPicpath是对外的接口，一个传图片路径来显示图片，一个传Qimage对象来显示Qimage
  • 通过重写鼠标滚轮事件来进行放大缩小，通过重写鼠标点击事件来进行移动。实现的原理都是通过改变顶点坐标vertices里的值来进行放大缩小和移动。
ZZQ(ღ˘⌣˘ღ)CR
关注
基于QOpenGLWidget自适应大小更新显示图片
逆天の诸葛博客
12-29 1万+
一直想用OpenGL来显示图像或者做视频播放器的窗口，网上找了很久，都没有Qt这方面最新的靠谱的例子，大部分都是3D模型上贴图，要不就是各种报错，或者Qt的OpenGL版本不对，自己摸索了好久，终于搞定了，是在QT5.6.3MinGW下编译的，可自适应窗口大小 部分代码如下： -----MyGLWidget.h------ #ifndef MYGLWIDGET_H #define...
glwidget_QT_用QT的opengl显示图片_
09-29
用QT的opengl显示图片，一个类的定义文件。
在 Qt 中使用 OpenGL 详解
最新发布
m0_46566693的博客
07-27 2521
在 Qt 中使用 OpenGL 详解
QT显示图片
专注的力量
11-30 1万+
QT显示图片的方法有很多 大致为 label上显示 直接画出来 容器显示 1---------------显示gif图片（label上显示） http://archive.cnblogs.com/a/2053701/ 在QT中要显示GIF图片,不能通过单单的添加部件来完成. 还需要手动的编写程序. 工具:QT Creator 新建一个工程,我们先
Qt Openglwidget 显示图片纹理贴图
12-05
Qt5.7+VS2015 64位的环境，使用Qt的QOpenglWidget，来显示一张图片，采用GLSL。学习入门挺适合的。在网上找了很久资源，还是自己折腾搞定，特地分享出来。
opengl入门例题（读取bmp图片，并显示）
mazhg430的专栏
05-05 1600
#include #define FileName "bliss.bmp" static GLint imagewidth; static GLint imageheight; static GLint pixellength; static GLubyte* pixeldata; #include #include void display(void) {  //glCl
qt基于QOpenGLWidget显示图片
09-08
qt使用QOpenGLWidget显示图片，提供源码，仅供参考，注释也还比较详细，方便学习，在windows和Linux下面都可运行
QT+OpenGL读取显示图片
鸟语的专栏
05-16 1万+
GLuint readImage(char *filename) {     GLuint tex_id;     GLint alignment;     QImage tex, buf;     buf.load(filename);     tex = QGLWidget::convertToGLFormat( buf );     glBindTexture( GL_TEXT
OpenGL显示图片
08-06 812
最近想用C++在windows下实现一个基本的图像查看器功能，目前只想到了使用GDI或OpenGL两种方式。由于实在不想用GDI的API了，就用OpenGL的方式实现了一下基本的显示功能。 用GDAL读取图像，这样就能与图像格式无关。OpenGL的glDrawPixels()函数也能实现图像显示，但是现在高版本的OpenGL都采用glTexImage2D()贴纹理的方式了，也不用考虑图像...
QT和GDAL和OpenGL影像显示,qt使用opengl显示图片,C,C++
09-10
在遥感信息图像显示中，QT与GDAL和OpenGL结合使用可以实现高效、灵活的影像查看和分析功能。首先，QT提供了一个用户友好的窗口环境，用户可以通过GUI来交互式地浏览和操作遥感影像。然后，GDAL用于读取和处理影像...
QT和GDAL和OpenGL影像显示,qt使用opengl显示图片,C,C++源码.zip
10-15
在这个项目中，"QT和GDAL和OpenGL影像显示,qt使用opengl显示图片,C,C++源码.zip" 提供的源码可能展示了如何利用QT作为前端框架，结合GDAL进行图像数据的读取，然后通过OpenGL进行高效、流畅的图像渲染。下面将详细...
opengl实例读入图片并显示
10-10
opengl实例读入图片并显示，可以进行相关操作．而且设置了灯光，对opengl灯光使用参数设置、逻辑设置等编程有相当大的帮助．大家可以试试。
QT绘制简单OpenGL图形
05-04
QT中用OpenGL绘制简单的三角形和五角星，针对初学者，注释非常详细
Qt之OpenGL实时显示图像
GK_2014的专栏
01-12 1万+
工作中在用Qt写界面程序时需要完成一项功能：客户端和服务端连接成功后需要实时显示从服务端发送过来的图片，并可以用鼠标滚轮进行缩放以及拖拽。由于之前学习过些许OpenGL关于纹理贴图的技术，且Qt已集成OpenGL模块，因此打算用该技术完成。OpenGL显示图片使用GPU渲染，如果程序需要做到毫秒级的刷新频率，用该方法可以很大程度上缓解CPU的压力，图片的动态显示也更流畅。 下面我用一个demo程...
QOpenGLWidget实现图片显示、缩放、旋转、平移
u010947464的博客
01-25 2209
前一段时间为了适应原来应用程序迁移到4K屏下性能不足的问题， 开始研究opengl。 我用的是qt做开发的，期间在网上搜索QOpengGLWidget显示图片并且进行缩放、旋转、平移的资料， 老实说没有准确搜到， 好不容易有一篇还是要付费的。在阅读了N个网页，甚至付费下载了N个资源后， 终于自己实现了这些功能， 决定分享出来以便于后来者。 废话不多说， 以下是主要代码: #ifndef OPENGLWIDGET_H #define OPENGLWIDGET_H #include <QO
QOpenGLWidget显示图片
热门推荐
琅嬛福地
05-14 2万+
Qt显示图片的控件有很多，用QLabel，或者直接在界面上画出来。QOpenGLWidget是Qt5之后用来渲染OpenGL控件，使程序员对OpenGL的操作更简单，本文讲解用QOpenGLWidget来显示图片，后续讲解用QOpenGLWidget来显示视频。方法如下：1.在控件栏找到OpenGLWidget，拖到界面上2. 右键该控件提升为MyGLWidget, Qt提升控件类似于MFC的控...
Qt中图像的显示与基本操作
ykm0722的专栏
04-10 1万+
Qt可显示基本的图像类型，利用QImage、QPxmap类可以实现图像的显示，并且利用类中的方法可以实现图像的基本操作(缩放、旋转)。 1. Qt可显示的图像类型 参考Qt的帮助文档，可支持的类型，即可以直接读取并显示的格式有BMP、GIF、JPG、JPEG、PNG、TIFF、PBM、PGM、PPM、XBM、XPM。 2. Qt用如何显示图像 通常用QLabel显示图像，QLabel类有s
qt 使用opengl展示图片
09-06
在Qt中使用OpenGL展示图片，可以通过以下步骤实现： 1. 首先，需要在Qt项目中添加OpenGL模块的依赖。在.pro文件中添加一行：QT += opengl。 2. 创建一个继承自QGLWidget的自定义OpenGL窗口类，命名为OpenGLWidget...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值