[Qt教程] 第48篇 进阶（八） 3D绘图简介_[qt教程] 第48篇 进阶(八) 3d绘图简介-程序员宅基地
技术标签： Qt
|
3D绘图简介
版权声明
该文章原创于
作者
yafeilinux
，转载请注明出处！
导语
OpenGL是一个跨平台的用来渲染3D图形的标准API。在Qt中提供了QtOpenGL模块，从而很轻松地实现了在Qt应用程序中使用OpenGL，这主要是在QGLWidget类中完成的。因为3D绘图涉及到了专业方面的内容，我们下面只是讲解最简单的使用，向大家演示在Qt中如何显示3D图形。如果大家想深入学习openGL绘图，可以查看网上比较经典的nehe的OpenGL教程，为了方便大家下载，我们在网站上提供了下载连接。
环境：
Windows Xp + Qt 4.8.5+QtCreator2.8.0
目录
一、绘制简单的图形
二、添加颜色
三、实现3D
效果
正文
一、绘制简单的图形
QGLWidget类是一个用来渲染OpenGL图形的部件，它提供了在Qt应用程序中显示OpenGL图形的功能。我们只需要继承该类，然后像使用其他QWidget部件一样来使用它。QGLWidget提供了三个虚函数，可以在子类中通过重新实现它们来执行典型的OpenGL任务：
initializeGL()：设置OpenGL渲染环境，定义显示列表等。该函数只在第一次调用resizeGL()或paintGL()前被调用一次；
resizeGL()：设置OpenGL的视口、投影等。每次部件改变大小时都会调用该函数；
paintGL()：渲染OpenGL场景。每当部件需要更新时都会调用该函数。
下面先来看一个简单的例子。
1.
新建空的Qt
项目，项目名称为myOpenGL
，完成后向项目中添加新的C++ Class
，类名为MyGLWidget
，基类修改为QGLWidget
，类型信息选择“继承自QWidget
”。
2.
完成后打开myOpenGL.pro
，添加一行代码：
QT += opengl
然后保存该文件。
3.
打开myglwidget.h
文件，添加函数声明：
protected
:
void
initializeGL
();
void
resizeGL
(
int
w, int h);
void
paintGL
();
4.
再到myglwidget.cpp
文件中先添加头文件包含：
#include
<GL/glu.h>
然后添加这三个函数的定义：
void
MyGLWidget
::initializeGL()
{
glClearColor(0.0, 0.0, 0.0, 0.0);
glShadeModel(GL_SMOOTH);
glClearDepth(1.0);
glEnable(GL_DEPTH_TEST);
}
glClearColor()
函数用来设置清除屏幕时使用的颜色，其四个参数分别用来设置红、绿、蓝颜色分量和Alpha
值，它们的取值范围都是0.0
到1.0
，这里四个参数都为0
，表示纯黑色。然后设置了阴影平滑（smooth shading
），这样可以使色彩和光照更加精细。最后设置了深度缓存和启用深度测试，用来记录图形在屏幕内的深度值。
void
MyGLWidget
::resizeGL(
int
w,
int
h)
{
glViewport(0, 0, (GLint)w, (GLint)h);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluPerspective(45.0, (GLfloat)w/(GLfloat)h, 0.1, 100.0);
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();
}
glViewport()
函数用来设置视口的大小。然后使用glMatrixMode()
设置了投影矩阵，投影矩阵用来为场景增加**，后面使用了glLoadIdentity()
重置投影矩阵，这样可以将投影矩阵恢复到初始状态。gluPerspective()
用来设置**投影矩阵，这里设置视角为45
度，纵横比为窗口的纵横比，最近的位置为0.1
，最远的位置为100
，这两个值是场景中所能绘制的深度的临界值。大家可以想象，离我们眼睛比较近的东西看起来比较大，而比较远的东西看起来就比较小。最后设置并重置了模型视图矩阵。
void
MyGLWidget
::paintGL()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glLoadIdentity();
//
绘制三角形
glTranslatef(-2.0, 0.0, -6.0);
glBegin(GL_TRIANGLES);
glVertex3f(0.0, 1.0, 0.0);
glVertex3f(-1.0, -1.0, 0.0);
glVertex3f(1.0, -1.0, 0.0);
glEnd();
//
绘制四边形
glTranslatef(4.0, 0.0, 0.0);
glBegin(GL_QUADS);
glVertex3f(-1.0, 1.0, 0.0);
glVertex3f(1.0, 1.0, 0.0);
glVertex3f(1.0, -1.0, 0.0);
glVertex3f(-1.0, -1.0, 0.0);
glEnd();
}
在开始绘制以前，先要使用glClear()
清除屏幕和深度缓存。然后重置了模型视图矩阵，这样便将当前点移动到了窗口的中心，现在窗口中心即为坐标原点，X
轴从左到右，Y
轴从下到上，Z
轴从里到外。完成这两步以后就可以进行图形的绘制了，在图形绘制开始时，一般会使用glTranslatef()
来移动坐标原点，它是相对于当前点来移动的，比如这里先将坐标原点左移2.0
，向里移6.0
，然后绘制了三角形（TRIANGLES
）。绘制从glBegin()
开始，到glEnd()
结束，使用glVertex3f()
来设置各个顶点的坐标，顶点的绘制顺序可以是顺时针，也可以是逆时针。要注意逆时针绘制出来的是正面，而顺时针绘制出来的是反面，这一点在后面的纹理贴图部分会显示出来。当绘制完三角形以后，又将原点相对于当前点向右移动了4.0
，然后绘制了一个四边形（QUADS
）。
5.
最后再向项目中添加main.cpp
文件，更改内容如下：
#include
<QApplication>
#include
"myglwidget.h"
int
main(int argc, char *argv[])
{
QApplication
app(argc,argv);
MyGLWidget
w;
w.
resize(400, 300);
w.
show();
return
app.
exec();
}
现在运行程序，效果如下图所示。
可以看到，在Qt
中只需要实现这三个函数就可以进行OpenGL
绘图了。
二、添加颜色
上面的例子中图形都是白色的，可以使用glColor3f()
函数来设置绘制时使用的颜色，它的三个参数用来指定RGB
（红绿蓝）颜色分量，取值范围为0.0
到1.0
。我们可以在绘制一个顶点时指定使用的颜色，如果后面不再设置其他颜色，那么所有的顶点都将使用同样的颜色。
下面我们将图形的绘制代码更改如下：
void
MyGLWidget
::paintGL()
{
glClear(
GL_COLOR_BUFFER_BIT
|
GL_DEPTH_BUFFER_BIT
);
glLoadIdentity();
glTranslatef(-
2.0
,
0.0
,
-
6.0
);
glBegin(
GL_TRIANGLES
);
glColor3f(
1.0
,
0.0
,
0.0
);
glVertex3f(
0.0
,
1.0
,
0.0
);
glColor3f(
0.0
,
1.0
,
0.0
);
glVertex3f(-
1.0
,
-
1.0
,
0.0
);
glColor3f(
0.0
,
0.0
,
1.0
);
glVertex3f(
1.0
,
-
1.0
,
0.0
);
glEnd();
glTranslatef(
4.0
,
0.0
,
0.0
);
glBegin(
GL_QUADS
);
glColor3f(
1.0
,
1.0
,
0.0
);
glVertex3f(-
1.0
,
1.0
,
0.0
);
glVertex3f(
1.0
,
1.0
,
0.0
);
glVertex3f(
1.0
,
-
1.0
,
0.0
);
glVertex3f(-
1.0
,
-
1.0
,
0.0
);
glEnd();
}
可以看到三角形的三个角分别是红色、绿色和蓝色，而正方形是纯黄色的。如下图所示。
三、实现3D效果
前面的图形都还是平面图形，下面添加代码来实现三维立体效果。将程序中绘制图形的代码更改为：
void
MyGLWidget
::paintGL()
{
glClear(
GL_COLOR_BUFFER_BIT
|
GL_DEPTH_BUFFER_BIT
);
glLoadIdentity();
glTranslatef(
0.0
,
0.0
,
-
6.0
);
glRotatef(
45
,
0.0
,
1.0
,
0.0
);
glBegin(
GL_QUADS
);
//
上面
glColor3f(
1.0
,
0.0
,
0.0
);
glVertex3f(
1.0
,
1.0
,
1.0
);
glVertex3f(
1.0
,
1.0
,
-
1.0
);
glVertex3f(-
1.0
,
1.0
,
-
1.0
);
glVertex3f(-
1.0
,
1.0
,
1.0
);
//
下面
glColor3f(
0.0
,
1.0
,
0.0
);
glVertex3f(
1.0
,
-
1.0
,
1.0
);
glVertex3f(
1.0
,
-
1.0
,
-
1.0
);
glVertex3f(-
1.0
,
-
1.0
,
-
1.0
);
glVertex3f(-
1.0
,
-
1.0
,
1.0
);
//
前面
glColor3f(
0.0
,
0.0
,
1.0
);
glVertex3f(
1.0
,
1.0
,
1.0
);
glVertex3f(-
1.0
,
1.0
,
1.0
);
glVertex3f(-
1.0
,
-
1.0
,
1.0
);
glVertex3f(
1.0
,
-
1.0
,
1.0
);
glEnd();
}
这里使用了glRotatef(angle, x, y, z)函数来对坐标轴进行旋转，它的第一个参数是旋转的角度，后面三个参数用来确定旋转轴向量。旋转轴经过原点，指向（x,y,z）点。图形的旋转满足右手定则，就是用右手握住旋转轴，大拇指指向旋转轴所指的方向，然后其他四个手指所指的方向就是要旋转的方向。再往下面，分别绘制了三个正方形作为正方体的三个面，大家还可以再补充上其他几个面。运行程序，效果如下图所示。
结语
这一节只是向大家简单演示了如何在
Qt
中进行
openGL
编程来实现
3D
绘图，目的只是让大家看到在
Qt
中进行
3D
绘图是非常简单的。如果想进一步应实现更炫酷的效果，就需要拥有
openGL
的专业知识了。
涉及到的代码：  myOpenGL.rar |
智能推荐
Linux系统下DNS配置指南_linux 服务器修改网络dns-程序员宅基地
文章浏览阅读548次，点赞10次，收藏6次。Linux系统下DNS配置指南_linux 服务器修改网络dns
Springboot/java/node/python/php基于springboot+vue手机售后管理系统【2024年毕设】-程序员宅基地
文章浏览阅读779次，点赞19次，收藏24次。springboot微信小程序的小疾病问诊服务系统的设计与实现。springboot基于spring的物业管理系统的设计与实现。springboot基于Java的高校学生请假系统。ssm基于Android的购物商场APP设计与实现。springboot基于微信小程序的智慧校园系统。ssm基于Android的英语词典的设计与开发。ssm基于SSM+Vue的学生实践管理平台开发。ssm基于android的企业员工考勤系统。ssm基于web的暗香小店系统的设计与实现。ssm基于Web的高等学校公费医疗管理系统。
css中hover属性的使用技巧_css hover的用法-程序员宅基地
文章浏览阅读2.3w次，点赞15次，收藏63次。hover属性用不同的书写方式，来改变不同关系的元素样式。元素:hover 表示聚焦后改变自己元素:hover 元素 表示聚焦后改变其子元素元素:hover + 元素 表示聚焦后改变其指定的“亲兄弟”（条件是该兄弟元素与其相邻）元素元素:hover ~ 元素 表示聚焦后改变其指定的兄弟元素，两个元素相不相邻都行。示例：.first:hover {color: white;}/* 聚焦我改变自己 */.three:hover .three-son {font-size: 20px._css hover的用法
coursera-斯坦福-机器学习-吴恩达-第8周笔记-无监督学习_pca反向压缩-程序员宅基地
文章浏览阅读6k次，点赞3次，收藏15次。coursera-斯坦福-机器学习-吴恩达-第8周笔记-无监督学习coursera-斯坦福-机器学习-吴恩达-第8周笔记-无监督学习1聚类算法clutering1聚类算法简介2K-means21kmeans的目标函数22随机初始化23选择类别数3考试quiz维数约减 dimensionality reduction1数据压缩2数据可视化3维度约简-主成分分析法PCA1 PCA_pca反向压缩
vim插件安装及常用技巧_bxbx.vim-程序员宅基地
文章浏览阅读5.2k次。一、插件安装Vundle是vim的一个插件管理器， 同时它本身也是vim的一个插件。插件管理器用于方便、快速的安装、删除、Vim更新插件。mkdir -p ~/.vim/bundlegit clone https://github.com/gmarik/Vundle.vim.git ~/.vim/bundle/Vundle.vim管理器安装完成后，vim ~/.vimrc命令创建.vimrc文件syntax on" tab宽度和缩进同样设置为4set tabstop=4set softta_bxbx.vim
java.lang.ClassNotFoundException：如何解决-程序员宅基地
文章浏览阅读7.2w次，点赞10次，收藏41次。本文适用于当前面临java.lang.ClassNotFoundException挑战的Java初学者。 它将为您提供此常见Java异常的概述，这是一个示例Java程序，可支持您的学习过程和解决策略。 如果您对与更高级的类加载器相关的问题感兴趣，我建议您复习有关java.lang.NoClassDefFoundError的文章系列，因为这些Java异常密切相关。 java.lang..._java.lang.classnotfoundexception:
随便推点
【全开源】JAVA婚恋相亲红娘牵线系统源码支持微信小程序+微信公众号+H5+APP-程序员宅基地
文章浏览阅读530次，点赞23次，收藏10次。springboot+mybatisplus+mysql 用户端 uniapp（vue语法）管理后台 vue+elementUi。后台服务 springboot+mybatisplus+mysql。一、我们技术使用JAVA后台服务 前后端分离。管理后台 vue+elementUi。用户端 uniapp（vue语法）适配小程序+H5+公众号。私信客服获取演示地址。私信客服获取演示地址。
6.python输入整数年份，判断对应整数年份是否为闰年并输出结果_判断闰年的python程序直接输入一个代表年份的正整数-程序员宅基地
文章浏览阅读3.3k次，点赞3次，收藏5次。# -*- coding: UTF-8 -*-year = int(input("输入一个年份："))if year % 100 == 0: if year % 400 == 0: print('%d年是闰年' % year) else: print('%d年不是闰年' % year)else: if year % 4 == 0: print('%d年是闰年' % year) else: print('%d_判断闰年的python程序直接输入一个代表年份的正整数
【图像去噪】偏微分方程PDE图像去噪（含SNR）【含Matlab源码 1890期】_pdnet 深度学习 偏微分方程 去噪-程序员宅基地
文章浏览阅读987次，点赞20次，收藏19次。偏微分方程PDE图像去噪（含SNR）完整的代码，方可运行；可提供运行操作视频！适合小白！_pdnet 深度学习 偏微分方程 去噪
Ubuntu18.04安装教程（很详细）_ubuntu18安装-程序员宅基地
文章浏览阅读6.6w次，点赞128次，收藏962次。Ubuntu18.0详尽版安装教程下载Ubuntu18.04下载VMware Workstation安装虚拟机下载Ubuntu18.04官方网站：http://old-releases.ubuntu.com/releases/18.04.4/?_ga=2.44113060.1243545826.1617173008-2055924693.1608557140下载VMware Workstation这个在网上有很多教程下载，这里我就不写了，我用的版本是14 pro。如下图：安装虚拟机1、打开_ubuntu18安装
Android四大组件之Activity--管理方式_android activityrecord中的activitytype-程序员宅基地
文章浏览阅读1.7k次。1. 概览Activity的管理有静态和动态两层涵义： 静态是指Activity的代码组织结构，即Application中声明的Activity的集合，这些Activity被组织在一个APK中，有特定的包名。 在编写应用程序时，Activity对应到用户界面，它定义了用户界面的布局、交互行为、启动方式等，最重要的，是Activity的生命周期函数。 在应用进程看来，只需要按照Android定义的规范，实现生命周期函数的具体逻辑即可，所有的用户界面都遵循同一个规范。 编写完一个应用程序的所有用户界面_android activityrecord中的activitytype
[LINUX]sed查找不包含某个字符串的行，并进行替换_sed不包含字符串-程序员宅基地
文章浏览阅读5.5k次，点赞3次，收藏7次。sed 查找不包含某个特性 sed -i "/src/!s/xxx/bbb/g" xxx将不包含src的行中的xxx替换为bbb_sed不包含字符串