论坛 › Qt交流 › QT动画制作（十一）

alltolove 发表于 2017-3-2 06:17:33

QT动画制作（十一）

效果：

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
}

不二如是 发表于 2017-3-2 09:53:35

矮马～这渲染～

查看完整版本: QT动画制作（十一）