Qt OpenGL初探 - 画坐标轴

已于 2024-01-13 20:49:25 修改
阅读量1.8k 收藏 30
点赞数 22
分类专栏： # Qt 文章标签： qt 开发语言 Opengl c++
于 2024-01-13 14:24:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38204686/article/details/135352555
版权
本文详细介绍了如何在Qt中使用OpenGL模块创建一个3D坐标轴，并展示了关键函数如`paintGL`和`gluCylinder`的使用方法，以及如何参考官方文档进行学习。
摘要由CSDN通过智能技术生成

Qt OpenGL初探 - 画坐标轴

引言

在这里插入图片描述
Qt OpenGL模块可以很方便地将OpenGL应用在Qt程序中，本文使用其画了一个3D坐标轴(见上图),并详细讲解了具体的编码过程与官方手册的使用。

OpenGL是业界采用最广泛的二维和三维图形API。它独立于窗口系统和操作系统，并且网络透明。OpenGL使软件开发人员能够在CAD、内容创建、能源、娱乐、游戏开发、制造、医疗和虚拟现实等市场中创建高性能、视觉吸引力强的图形软件应用程序。但是OpenGL只处理3D渲染，对于GUI编程并不友好。OpenGL应用程序的用户界面必须使用另一个工具包创建，比如MFC或Qt。

一、过程详解

1.1 项目创建

    1. 创建一个MainWindow项目，便于后续显示，在pro文件需添加以下内容：
      QT += opengl
      win32:LIBS += -lOpengl32 -lglu32
      unix:LIBS += -lglut -lGLU
    1. 创建QopenGLDemo 类，继承QOpenGLWidget
      class QopenGLDemo : public QOpenGLWidget
    1. 在MainWindow构造函数中添加如下代码，将创建的3D窗口添加到主窗口中，用于显示
      QopenGLDemo *m_gl = new QopenGLDemo(this);
      this->setCentralWidget(m_gl);
    1. 在QopenGLDemo.cpp中实现三个虚函数即可显示，initializeGL、resizeGL、paintGL，后续有三个函数的完整代码

1.2 实现细节

核心为paintGL函数的实现

    1. 先画三条直线
      在这里插入图片描述
    // 初始化
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); //清除屏幕和深度缓存
    glLoadIdentity();  // 重置
    glTranslatef(0, 0, -30);    // 调整绘图坐标
    // 坐标轴
    float axis_length = 10;
    glLineWidth(5);
    glBegin(GL_LINE_STRIP);
    glColor3f(1, 0, 0);
    glVertex3f(0, 0, 0);
    glVertex3f(axis_length, 0, 0);
    glEnd();
    glFlush();

    glBegin(GL_LINE_STRIP);
    glColor3f(0, 1, 0);
    glVertex3f(0, 0, 0);
    glVertex3f(0, axis_length, 0);
    glEnd();
    glFlush();

    glBegin(GL_LINE_STRIP);
    glColor3f(0, 0, 1);
    glVertex3f(0, 0, 0);
    glVertex3f(0, 0, axis_length);
    glEnd();
    glFlush();

glTranslatef(0, 0, -30);一定要有，根据投影矩阵：绘制的图形的Z轴坐标 >=0的话屏幕就不会显示。上图由于角度问题，并没有显示z轴…

    1. 调整角度，让其显示z轴
      在这里插入图片描述
	glTranslatef(0, 0, -30);    // 调整绘图坐标
    glRotatef(45.0, 0, -1, 0);  // 绕y轴旋转45度
    glRotatef(45.0, 1, 0, -1);  // 绕向量(1,0,-1) 旋转45度

增加两行旋转代码，感觉有那么点立体的意思了

    1. 画坐标轴的箭头
      在这里插入图片描述
    // 坐标轴箭头  参考官方文档: https://registry.khronos.org/OpenGL-Refpages/gl4/
    GLUquadricObj *objCylinder = gluNewQuadric();
    glPushMatrix();
    glColor3f(0, 0, 1);
    glTranslatef(0, 0, axis_length);
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

    glPushMatrix();
    glColor3f(1, 0, 0);
    glRotatef(90, 0, 1, 0);      // 沿着y轴转90度 使得x轴对着原z轴方向
    glTranslatef(0, 0, axis_length);
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

    glPushMatrix();
    glColor3f(0, 1, 0);
    glRotatef(-90, 1, 0, 0.0);   // 沿着x轴转90度 使得y轴对着原z轴方向
    glTranslatef(0, 0, axis_length);
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

由于gluCylinder这个函数只能在原点处冲着z轴正向画圆柱(锥)，想要在x轴和y轴上画，需要先将这两个轴旋转到z轴位置，并且进行平移。其中glPushMatrix即保存现场，直接glPopMatrix就会使得原点回到旋转和平移之前的位置。

    1. 最后增加一个原点
    // 画原点 - 白色
    glPointSize(10.0f);
    glBegin(GL_POINTS);
    glColor3f(1, 1, 1);
    glVertex3f(0, 0, 0);
    glEnd();
    glFlush();

二、核心代码

void QopenGLDemo::initializeGL(){
    glClearColor(0.0f, 0.0f, 0.0f, 1.0f);  // rgba
    glShadeModel(GL_SMOOTH);               // 平滑着色  GL_FLAT 单调着色
}
void QopenGLDemo::resizeGL(int w, int h){
    glViewport(0, 0, w, h);           //重置当前的视口
    // glMatrixMode() 用以指定当前要操作的矩阵  GL_MODELVIEW（模型视图，默认值），GL_PROJECTION（投影），GL_TEXTURE（纹理），GL_COLOR（颜色）
    glMatrixMode(GL_PROJECTION);      //选择投影矩阵
    glLoadIdentity();                 //重置投影矩阵 为 单位矩阵

    gluPerspective(60.0, double(w) / h, 0.1, 1000.0);  //建立透视投影

    glMatrixMode(GL_MODELVIEW);       //选择模型矩阵
    glLoadIdentity();                 //重置模型矩阵 为 单位矩阵

}
void QopenGLDemo::paintGL(){
    // 初始化
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); //清除屏幕和深度缓存
    glLoadIdentity();  // 重置

    glTranslatef(0, 0, -30);    // 调整绘图坐标
    glRotatef(45.0, 0, -1, 0);  // 绕y轴旋转45度
    glRotatef(45.0, 1, 0, -1);  // 绕向量(1,0,-1) 旋转45度

    // 坐标轴
    float axis_length = 10;
    glLineWidth(5);
    glBegin(GL_LINE_STRIP);
    glColor3f(1, 0, 0);
    glVertex3f(0, 0, 0);
    glVertex3f(axis_length, 0, 0);
    glEnd();
    glFlush();

    glBegin(GL_LINE_STRIP);
    glColor3f(0, 1, 0);
    glVertex3f(0, 0, 0);
    glVertex3f(0, axis_length, 0);
    glEnd();
    glFlush();

    glBegin(GL_LINE_STRIP);
    glColor3f(0, 0, 1);
    glVertex3f(0, 0, 0);
    glVertex3f(0, 0, axis_length);
    glEnd();
    glFlush();

    // 坐标轴箭头  参考官方文档: https://registry.khronos.org/OpenGL-Refpages/gl4/
    GLUquadricObj *objCylinder = gluNewQuadric();
    glPushMatrix();
    glColor3f(0, 0, 1);
    glTranslatef(0, 0, axis_length);
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

    glPushMatrix();
    glColor3f(1, 0, 0);
    glRotatef(90, 0, 1, 0);      // 沿着y轴转90度 使得x轴对着原z轴方向
    glTranslatef(0, 0, axis_length);
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

    glPushMatrix();
    glColor3f(0, 1, 0);
    glRotatef(-90, 1, 0, 0.0);   // 沿着x轴转90度 使得y轴对着原z轴方向
    glTranslatef(0, 0, axis_length);
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

    // 画原点 - 白色
    glPointSize(10.0f);
    glBegin(GL_POINTS);
    glColor3f(1, 1, 1);
    glVertex3f(0, 0, 0);
    glEnd();
    glFlush();
}

三、官方文档

3.1 官网地址

官网：https://www.opengl.org/
官方手册(进官网点 Documentation)，如下图：

在这里插入图片描述

3.2 官方手册的使用

官方手册好像是没有搜索功能的…
以OpenGL 4 Reference Pages中的gluCylinder函数为例：https://registry.khronos.org/OpenGL-Refpages/gl4/

    1. 进入OpenGL 4 Reference Pages手册地址，glu开头的函数点击下图箭头处链接：
      在这里插入图片描述
    1. 继续点击下图箭头处链接，跳转到glu开头的函数：
      在这里插入图片描述
    1. 下滑找到gluCylinder函数点击即可看到其具体的参数：
      在这里插入图片描述
大米粥哥哥
关注
  • 22
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Qt OpenGL(三十三)——Qt OpenGL 核心模式-绘制三维坐标系
ifeng12358的博客
01-31 3236
在平常的项目中，我们会遇到在界面绘制的时候，展示坐标系的需求。本篇介绍三维坐标系的绘制方法。本文原创作者：冯一川（ifeng12358@163.com），未经作者授权同意，请勿转载。在绘制三维坐标系的时候，可以由三个XYZ坐标轴加上各个坐标轴顶部的棱锥组成。
QT绘制三维直角坐标系（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-28 740
QT绘制三维直角坐标系（附完整源码）
qt+opengl 三维坐标系（三）
qq_44084616的博客
11-08 1720
qt+opengl 三维坐标系，支持放大缩小、旋转、移动； 支持单轴和栅格
【QT教程】QT6_QML与OpenGL的融合 QT
最新发布
QT界面开发界面美化
04-30 908
QT6_QML与OpenGL的融合背景《QT6 QML与OpenGL的融合》书籍正文,QT6_QML与OpenGL的融合背景随着科技的飞速发展，用户对应用程序的交互性和视觉效果提出了越来越高的要求。在这样的背景下，QT6作为一款强大的跨平台应用程序框架，将QML和OpenGL巧妙地融合在一起，为开发者提供了创建高质量、高性能图形用户界面（GUI）的绝佳工具。
Qt OpenGL - 三维坐标系 (带刻度标签)
做减求空
02-07 1486
在OpenGL进行3D可视化，绘制网格形式的坐标系则能更清晰的展示所画图形位置。由于OpenGL本身并没有绘制文字的功能，所以想要显示刻度标签或者一些其他标签需要自己手撸代码。Qt的` QOpenGLWidget `可以较方便的解决这个问题，其可以在OpenGL绘制之后，使用`QPainter`继续绘制2D图形或文字标签。
Qt+OpenGL绘制三维坐标系(动态曲线显示)
热门推荐
qq_40004575的博客
11-07 1万+
*Qt使用OpenGL绘制三维曲线时，需要加入OPenGL模块。 此处的绘制的核心代码同样可以移植到MFC上显示。 如下代码可以再进行优化。 #ifndef QTDRAW3DCTRL_H #define QTDRAW3DCTRL_H #include <QtOpenGL/qgl.h> #include <QWidget> #include <QGridLayout> #include <QtGui/QtGui> #include <QtOpenGL/Qt
用qt的OpenGL绘制三维坐标系以及弧线球面，支持鼠标缩放平移旋转操作
weixin_39010374的博客
07-08 2393
如此就可以找到gl的lib库了。
QT+ OpenGL学习
turbolove的博客
02-04 5296
本篇完整工程见gitee:https://gitee.com/turbolove/qtopengl.git 对应点的tag，由turbolove提供技术支持，您可以关注博主或者私信博主。什么是openglopen graphics library 他是一个由Khronos组织制定并且维护的规范opengl核心是一个c库，同时也支持多种语言的派生。
初步认识OpenGL之QT
weixin_41111116的博客
09-04 2754
初步认识OpenGL之QT
在Qt中使用OpenGL（四）
Ninsun的博客
01-17 9364
在Qt中使用OpenGL绘制一个旋转的色子
QT画坐标系折线图
01-02
QT使用QPainter画坐标系折线图，图中可显示所有数据的最大值，最小值，以及平均值，
ubuntu下 qt5.5 利用opengl画3d坐标系
11-15
本教程将详细介绍如何在Qt 5.9.0环境下利用OpenGL绘制一个3D坐标系。 首先，确保已安装了必要的库。在Ubuntu上，可以通过以下命令安装Qt和OpenGL开发环境： ```bash sudo apt-get update sudo apt-get install qt5...
Qt+OpenGL 屏幕坐标转世界坐标
07-27
Qt + OpenGL 点云 通过Z-Buffer获取鼠标位置的深度值。然后转世界坐标。如果pointsize过大，精度会有一定损失。为1时精度在小数点后两位。当鼠标move到点上时，控制台输出原始点 x y z的坐标信息。窗口不要改动，...
qt+opengl实现空间坐标轴
02-10
qt+opengl实现空间坐标轴
Qt绘制坐标轴
09-24
在Qt编程中，"Qt绘制坐标轴"是一个关键的领域，尤其对于开发涉及图形用户界面（GUI）的应用程序，如数据分析、科学可视化或工程软件。这个主题涉及到如何使用Qt的图形视图框架（Graphics View Framework）来创建...
Qt OpenGL - 网格式的直角坐标系
做减求空
01-13 1325
在OpenGL进行3D可视化，只绘制三条坐标轴略显单薄，而绘制网格形式的坐标系则能更清晰的展示所画图形位置。
QCustomPlot 坐标轴以及刻度常用属性设置
lml521lml927的博客
08-18 1万+
前言 在使用QCustomPlot时，其默认的参数可能使得图形的整体看上去并不美观，需要对相关属性进行重新设置，为方便后续使用，进行相关参数设置函数的资料整理。 1、 坐标轴 与轴相关参数名称如图所示： 相关代码： customPlot->yAxis->setLabelPadding(value); customPlot->yAxis->setPadding(value); customPlot->yAxis->setTickLabelPadding()(value)
QT学习——QCustomPlot的坐标轴和网线
zxh1592000的博客
10-16 5523
QT学习——QCustomPlot的坐标轴和网线QT学习——QCustomPlot的坐标轴和网线新的版本对比坐标轴网格线简单的实例 QT学习——QCustomPlot的坐标轴和网线 //基础的学习可以去网站入门，这里记录一些实际用到的干货 新的版本对比 首先我需要和大家伙说明下，我个人觉着在QCustomPlot的定制过程中，坐标轴定制算是比较困难的，因为坐标轴如果要定制的话，那就是坐标轴的刻度需...
qt opengl绘制三维坐标轴
10-14
可以使用OpenGL的绘制函数来绘制三维坐标轴，具体步骤如下： 1. 开启OpenGL的深度测试功能，以便正确渲染三维场景。 2. 使用glBegin(GL_LINES)函数开始绘制线段。 3. 使用glVertex3f()函数指定每个顶点的坐标，绘制x、y、z三个轴线段。 4. 使用glEnd()函数结束绘制。 以下是示例代码： ``` void drawAxis() { // 开启深度测试 glEnable(GL_DEPTH_TEST); // 绘制x轴 glColor3f(1.0f, 0.0f, 0.0f); // 设置颜色为红色 glBegin(GL_LINES); glVertex3f(0.0f, 0.0f, 0.0f); glVertex3f(1.0f, 0.0f, 0.0f); glEnd(); // 绘制y轴 glColor3f(0.0f, 1.0f, 0.0f); // 设置颜色为绿色 glBegin(GL_LINES); glVertex3f(0.0f, 0.0f, 0.0f); glVertex3f(0.0f, 1.0f, 0.0f); glEnd(); // 绘制z轴 glColor3f(0.0f, 0.0f, 1.0f); // 设置颜色为蓝色 glBegin(GL_LINES); glVertex3f(0.0f, 0.0f, 0.0f); glVertex3f(0.0f, 0.0f, 1.0f); glEnd(); // 关闭深度测试 glDisable(GL_DEPTH_TEST); } ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大米粥哥哥

感谢认可！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值