Qt移动应用开发（八）：实现跨平台的QML和OpenGL混合渲染

Qt移动应用开发（八）：实现跨平台的QML和OpenGL混合渲染

 

         上一篇文章讲到了利用C++这个桥梁，我们实现了QML和Java的交互。Qt 5大力推崇的QML/JS开发，让轻量、快速开发的QML/JS打头阵，让重量的C++撑腰，几乎什么技术都能够实现。接下来的这篇文章讲的是我们使用QML，借助Qt库和OpenGL，实现了使用着色器定义OpenGL的渲染方式，为大家呈现混合渲染的效果。

原创文章，反对未声明的引用。原博客地址：http://blog.csdn.net/gamesdev/article/details/38024327

         本文难度偏大，适合有经验的Qt开发同行学习交流。

         演示程序下载地址：这里

         源代码下载地址：这里

         演示程序的截图如下（Android）：

         首先我们来看简单的QML代码。本例很简单，只有一个界面，没有任何界面的跳转。我们在前面显示一个矩形，上面写了”您好世界！”的文字，后面显示的是一个旋转的矩形。按照规定，先显示的内容在最底层显示，于是我们将Cube放在前面，Rectangle放在了后面。

import QtQuick 2.2
import QtQuick.Window 2.2
import OpenGLCube 1.0

Window
{
    id: root
    width: Qt.platform.os === "android"? Screen.width: 320
    height: Qt.platform.os === "android"? Screen.height: 480
    visible: true

    Cube
    {
        id: cube
        anchors.fill: parent
        ParallelAnimation
        {
            running: true
            NumberAnimation
            {
                target: cube
                property: "rotateAngle"
                from: 0
                to: 360
                duration: 5000
            }

            Vector3dAnimation
            {
                target: cube
                property: "axis"
                from: Qt.vector3d( 0, 1, 0 )
                to: Qt.vector3d( 1, 0, 0 )
                duration: 5000
            }
            loops: Animation.Infinite
        }
    }

    Rectangle
    {
        anchors.centerIn: parent
        width: textField.width * 1.2
        height: t