QT动画制作（十一）

alltolove

效果：

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

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

1. import QtQuick 2.0
   
2. import QtGraphicalEffects 1.0//引入混合效果功能
   
3.     Rectangle {
   
4.         width:400
   
5.         height:400
   
6.         AnimatedImage{//插入动态图
   
7.             id:basketball
   
8.             width:parent.width
   
9.             height:parent.height
   
10.             source: "qrc:/C:/Users/xinwei/Desktop/091329h9qg1v6x87z7gxc0.gif"
    
11.         }
    
12.         Image {//插入普通图片
    
13.             id: o
    
14.             width:parent.width
    
15.             height:parent.height
    
16.             source: "qrc:/C:/Users/xinwei/Desktop/204440r5rzszsr292vsmzr.jpg"
    
17.         }
    
18.         Blend{//混合功能
    
19.             anchors.fill:basketball
    
20.             source: basketball//后景图
    
21.             foregroundSource:o//前景图
    
22.             mode:"average"//模式为平均
    
23.         }
    
24.     }
    
25. 
    

复制代码

main.qml文件：

1. import QtQuick 2.5
   
2. import QtQuick.Window 2.2
   
3. 
   
4. Window {
   
5.     visible: true
   
6.     width:400
   
7.     height:400
   
8.     title: qsTr("Hello World")
   
9. 
   
10.     MainForm {
    
11.         anchors.fill: parent
    
12. 
    
13.         }
    
14.     }

复制代码

MainForm.ui.qml文件：

1. import QtQuick 2.5
   
2. Rect{
   
3.     anchors.fill: parent
   
4. }
   

复制代码

不二如是

矮马～这渲染～