QT动画制作（十一）

alltolove

效果：

QT有强大的图片渲染功能（据说photoshop就是用QT写的），今天我们就学习其中之一图片混合技术
知识点1：学会图片混合
知识点2：学会插入动态GIF图片
这是我在咱们论坛找的2张图片

先复制到本地电脑里，然后跟我前面帖子讲的插入普通图片方法一样，添加现有文件到跟目录下，新建Rect.qml文件：

import QtQuick 2.0
import QtGraphicalEffects 1.0//引入混合效果功能
    Rectangle {
        width:400
        height:400
        AnimatedImage{//插入动态图
            id:basketball
            width:parent.width
            height:parent.height
            source: "qrc:/C:/Users/xinwei/Desktop/091329h9qg1v6x87z7gxc0.gif"
        }
        Image {//插入普通图片
            id: o
            width:parent.width
            height:parent.height
            source: "qrc:/C:/Users/xinwei/Desktop/204440r5rzszsr292vsmzr.jpg"
        }
        Blend{//混合功能
            anchors.fill:basketball
            source: basketball//后景图
            foregroundSource:o//前景图
            mode:"average"//模式为平均
        }
    }

main.qml文件：

import QtQuick 2.5
import QtQuick.Window 2.2

Window {
    visible: true
    width:400
    height:400
    title: qsTr("Hello World")

    MainForm {
        anchors.fill: parent

        }
    }

MainForm.ui.qml文件：

import QtQuick 2.5
Rect{
    anchors.fill: parent
}

不二如是

矮马～这渲染～