Qt5 QtQuick系列----QtQuick的Secne Graph剖析(1)

                                           教是言词， 实不是道，道本无言， 言说是妄。------- 达摩

---

Qt 5提出了一个新的渲染底层，以替代Qt4时期的Graphics View，这个渲染底层就是Scene Graph。Scene Graph主要利用OpenGL ( ES )2的渲染优势，在2D和3D以非常流畅的速度进行渲染，满足日益增长的界面效果需求，同时Scene Graph预留了各种各样的接口，满足大家定义显示和渲染效果的需要。

该文章下面部分，主要来自Qt官方的说明文档：http://doc.qt.io/qt-5/qtquick-visualcanvas-scenegraph.html 并结合了自己的理解。

在 Qt Quick 2 中使用了基于OpenGL ES 2.0或OpenGL 2.0的场景图来进行渲染。使用场景图进行绘图而不是传统的绘图机制（QPainter类似的）可以在下一帧被渲染之前，提前计算出将要渲染帧的全部信息。这就为进行优化创造了条件，例如可以进行的优化有：通过分批渲染来减小状态的切换；渲染时直接丢弃被覆盖的元素。

例如，假设一个用户界面包含一个10个item，每个item包括一个背景颜色，一个图标，一个文本。使用传统的绘图方法，需要30次的绘制调用(比如调用30次opengl)，导致很多的状态切换(例如opengl是基于状态机的，每次状态的切花都会有一定的开销)。 如果用场景图的方法的话，只需要3次绘制，一次绘制所有的背景，然后是所有的图标，然后是所有的文本，从而大大减少调用次数，大大提高性能。

Qt5的场景图与Qt Quick 2.0紧密相连，不能单独使用。 QQuickWindow 类负责对场景图进行管理并将其渲染出来（负责将场景图交给opengl）。通过调用QQuickItem::updatePaintNode()函数，用户可以将自定义的图元添加到场景图中。

假设你在qml文件中定义了一系列的item，这些你定义的item最终被通过场景图表征出来，场景图中包含了足够的信息，利用这些信息可以将你定义的界面表示出来。 一旦为qml文件中定义的items建立了场景图，这个场景图便可以独立于这些item存在了，然后，可以有一个专门的线程来基于场景图的信息将界面渲染到显示器上（有些平台上没有单独的渲染线程），在这个渲染线程进行渲染的同时，GUI线程可以准备下一帧的数据了。

注意: Much of the information listed on this page is specific to the default OpenGL adaptation of the Qt Quick Scene graph. For more information about the different scene graph adaptations see Scene Graph Adaptations.

---

下面先来看一下场景图的结构吧。

Qt Quick Scene Graph Structure

QtQuick场景图其实是一个树结构，包含很多个节点。这个树是从何而来呢？官方说法：

The tree is built from QQuickItem types in the QML scene and internally the scene is then processed by a renderer which draws the scene.(QquickItem是最基本的qml C++类型)

即： QtQuick场景图源自于你在qml文件中写的那些基本的qml类型，例如Rectangle，如果从qml引擎开始分析的话，大体过程我想应该是这样的：首先，qml引擎加载qml文件，它会为你定义的每个基本类型创建对应的C++类对象，例如，为Rectangle创建QQuickRectangle类对象 (https://blog.csdn.net/qq_35865125/article/details/85869276 ),这些被创建的对象之间应该是有层次关系的，最终，这些对象被转换成场景图，场景图的每个节点对应的C++类是QSGNode。

Qml引擎创建的c++对象们（例如QQuickRectangle类对象）是如何被转换成场景图中的一个个QSGNode类对象的？ -- 是通过调用QSGNode* QQuickItem::updatePaintNode()来完成的！(QquickItem类是QQuickRectangle等类的基类)  QquickItem类通过该函数将自己转换成QSGNode类对象，应该是将自己的位置属性，颜色属性等等信息都转到其返回的QSGNode*里面吧，具体参考官方文档对QquickItem的说明：http://doc.qt.io/qt-5/qquickitem.html#updatePaintNode 。至于何时调用updatePaintNode，本文后面会介绍。

认识下QquickItem:

The QQuickItem class provides the most basic of all visual items in Qt Quick.

All visual items in Qt Quick inherit from QQuickItem. Although a QQuickItem instance has no visual appearance, it defines all the attributes that are common across visual items, such as x and y position, width and height, anchoring and key handling support.