Qt自定义界面把OpenGL绘制的图形显示在QT的ui界面上

编译环境&＃xff1a;Qt Creator 5.4.0_mingw

最近利用QT做一个上位机界面&＃xff0c;想用OpenGL将STL文件还原成三维模型&＃xff0c;并将模型显示出来&＃xff0c;那么问题来了&＃xff0c;最简单的显示就直接创建一个窗口显示模型&＃xff0c;根本就 没有用到QT的ui界面。

现在的问题是&＃xff0c;想把OpenGL绘制的图形显示在用户自定义的ui界面上&＃xff0c;上网搜了好多资料最终才知道是一个窗口部件提升的问题。

1、创建一个基类是QMainWindow项目&＃xff0c;类名定义为mainwindow&＃xff0c;同时创建界面

2、在pro文件中添加语句&＃39;&＃39;QT &＃43; &＃61; core gui opengl&＃39;&＃39;

3、新建一个自定义widget&＃xff0c;类名自定义为&＃39;&＃39;openglwidget&＃39;&＃39;

4、在界面文件&＃39;&＃39;mainwindow.ui&＃39;&＃39;上&＃xff0c;添加一个widget&＃xff0c;一个垂直弹簧verticalSpacer&＃xff0c;一个按键pushbutton&＃xff0c;其它都是布局

5、把普通的&＃39;&＃39;widget&＃39;&＃39;的提升为自定义的openglwidget&＃xff0c;右键选择菜单&＃39;&＃39;提升为..&＃39;&＃39;&＃xff0c;

6、自定义的openglwidget类&＃xff0c;头文件和源文件的简单编写&＃xff0c;其它的程序不用管它

openglwidget.h

#ifndef OPENGLWIDGET_H
#define OPENGLWIDGET_H#include
#include
#include
#include namespace Ui {
class oglwidget;
}class oglwidget : public QOpenGLWidget
{Q_OBJECTpublic:explicit oglwidget(QWidget *parent &＃61; 0);~oglwidget();private:Ui::oglwidget *ui;protected:void initializeGL();void resizeGL(int w, int h);void paintGL();
};#endif // OPENGLWIDGET_H

openglwidget.cpp

#include "openglwidget.h"
#include "ui_openglwidget.h"openglwidget::openglwidget(QWidget *parent) :QOpenGLWidget(parent),ui(new Ui::openglwidget)
{ui->setupUi(this);
}openglwidget::~openglwidget()
{delete ui;
}void openglwidget::initializeGL()
{glClearColor(0,0,0,1);glEnable(GL_DEPTH_TEST);glEnable(GL_LIGHT0);glEnable(GL_LIGHTING);glColorMaterial(GL_FRONT_AND_BACK, GL_AMBIENT_AND_DIFFUSE);glEnable(GL_COLOR_MATERIAL);
}void openglwidget::paintGL()
{glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);glBegin(GL_TRIANGLES);glColor3f(1.0, 0.0, 0.0);glVertex3f(-0.5, -0.5, 0);glColor3f(0.0, 1.0, 0.0);glVertex3f( 0.5, -0.5, 0);glColor3f(0.0, 0.0, 1.0);glVertex3f( 0.0, 0.5, 0);glEnd();
}void openglwidget::resizeGL(int w, int h)
{glViewport(0,0,w,h);glMatrixMode(GL_PROJECTION);glLoadIdentity();gluPerspective(45, (float)w/h, 0.01, 100.0);glMatrixMode(GL_MODELVIEW);glLoadIdentity();gluLookAt(0,0,5,0,0,0,0,1,0);
}

7、编译的结果是&＃xff1a;右边框图是编译的结果