opengl 3.3做底层 QML做UI渲染

本文参照官方openglunderqml改写，基本框架不变，若用opengl3.3 只需在main函数中设置format即可，如下

<span style="font-family:Courier New;"> QSurfaceFormat format;
format.setVersion(3,3);
format.setProfile(QSurfaceFormat::CoreProfile);
qmlRegisterType<RenderWindow>("OpenGLUnderQML", 1, 0, "RenderWindow");
view1.setFormat(format);</span>

还有个问题是官方在此例中并没有提供鼠标交互功能，在本例中简单实现了下。在openglunderqml这个例子中如果添加item继承而来的mouseEvent事件，并不起作用，当在QML中在该注册类里面添加mousearea也不起作用，所以，只能把鼠标作用区放在全局下面，代码如下：

import QtQuick 2.0

import QtQuick 2.0
import OpenGLUnderQML 1.0
import QtQuick.Controls 1.2

Item {

width: 300
height: 400

RenderWindow {
id:rw
width:200
height:100
SequentialAnimation on t {
NumberAnimation { to: 1; duration: 2500; easing.type: Easing.InQuad }
NumberAnimation { to: 0; duration: 2500; easing.type: Easing.OutQuad }
loops: Animation.Infinite
running: true
}

}

MouseArea
{
anchors.fill: parent
acceptedButtons: Qt.LeftButton | Qt.RightButton
onPressed:  { rw.point = Qt.vector2d(mouseX,mouseY); }
onPositionChanged:
{
rw.nPoint = Qt.vector2d(mouseX,mouseY);
rw.point = Qt.vector2d(mouseX,mouseY);

}
}
//! [1] //! [2]
Rectangle {
color: Qt.rgba(1, 1, 1, 0.7)
radius: 10
border.width: 1
border.color: "white"
anchors.fill: label
anchors.margins: -10

}

Text {
id: label
color: "black"
wrapMode: Text.WordWrap
text: "lable"
anchors.right: parent.right
anchors.left: parent.left
anchors.bottom: parent.bottom
anchors.margins: 20
}

Button{
id:button1
text: "set pos"
x:50
y:60

// activeFocusOnPress : bool
onClicked: {

label.text = "ds" ;
}

}

}

源码在此