QtWidget

做界面开发是一种趋势同时在QML中使用OPenGL进行渲染也是十分必要文章简单介绍如何在QML中使用

QtWidget

中需要定义一个中间辅助类这个类是用来注册到QML中进行使用的同时这个类也会去加载自定义的

OPenGL

类此时的自定义类不再继承QOpenGLWidget而是继承QQuickFramebufferObject::Renderer同时需要重写父类的

render()

虚函数相当于重写paintGL()函数自定义类命名为OpenGLRender相应代码如下

OPenGLRender.h:

QtQuick/QQuickFramebufferObject

#include

QtGui/QOpenGLFunctions_3_3_Coreclass

OpenGLRender:public

QQuickFramebufferObject::Renderer,protected

public:OpenGLRender();//重写父类虚函数

render()

OPENGLRENDER_HOPenGLRender.cpp:

#include

openglrender.hOpenGLRender::OpenGLRender()

{//在构造函数中对opengl背景进行初始化initializeOpenGLFunctions();

}void

{//设置背景颜色glClearColor(0.5f,0.9f,0.4f,1.0f);glClear(GL_COLOR_BUFFER_BIT);

}3.

界面提供一个”渲染器“这个渲染器本质上还是要用opengl来实现。

相应代码如下

OPenGLItem.h:

QtQuick/QQuickFramebufferObjectclass

OpenGLItem

对象提供给QML界面使用QQuickFramebufferObject::Renderer

*createRenderer()

openglrender.hOpenGLItem::OpenGLItem(QQuickItem

*parent):QQuickFramebufferObject(parent)

{//上下翻转这样就和OpenGL的坐标系一致了setMirrorVertically(true);

}QQuickFramebufferObject::Renderer

const

{QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);QGuiApplication

app(argc,

中使用qmlRegisterTypeOpenGLItem(self.OpenGlItem,1,0,OpenGLItem);QQmlApplicationEngine

engine;const

url(QStringLiteral(qrc:/main.qml));QObject::connect(engine,

QQmlApplicationEngine::objectCreated,app,

[url](QObject

objUrl)QCoreApplication::exit(-1);},

Qt::QueuedConnection);engine.load(url);return

app.exec();

QQuick)//使用自定义的opengl小控件OpenGLItem{anchors.top:

100height:

100}OpenGLItem{anchors.centerIn:

parentwidth:

render()函数里只是更改了背景颜色没有绘制图形所以此处没有物体显示只有绿色的背景后期在

render()