QT动画制作（十二）

alltolove

因为昨天服务器的回档之前发的帖子消失了，我新建的淘专辑也没了今天给补上，就不发效果图了
这是我的专辑，有需要的可以来这里查
效果：图片3D翻转
以下是代码：
main.qml文件

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

复制代码

MainForm.ui.qml文件

1. import QtQuick 2.5
   
2. 
   
3. MyGraph{}
   

复制代码

MyGraph.qml文件

1. import QtQuick 2.0
   
2. Image{
   
3.     id:pic
   
4.     source: "qrc:/C:/Users/xinwei/Pictures/canary_3.jpg"
   
5.     transform: [
   
6.         Rotation{//旋转
   
7.         origin.x:pic.width/2//设定转动的原点
   
8.         origin.y:pic.height/2
   
9.         axis{//设定按Y轴和Z轴旋转
   
10.             x:0
    
11.             y:1
    
12.             z:1
    
13.         }
    
14.         NumberAnimation on angle {
    
15.             from:0
    
16.             to:360
    
17.             loops:Animation.Infinite
    
18.             duration:5000
    
19.         }
    
20. 
    
21.     },
    
22.         Translate{//直线移动
    
23.         NumberAnimation on x{
    
24.             from:0
    
25.             to:1000
    
26.             easing.type: Easing.CosineCurve
    
27.             loops:Animation.Infinite
    
28.             duration:5000
    
29.         }
    
30.         },
    
31.         Scale{//每次运行程序大小随机变化
    
32. 
    
33.             xScale: Math.random()/2+0.2//利用js脚本函数随机产生0.2到1的数
    
34.             yScale: Math.random()/2+0.2
    
35. 
    
36.         }
    
37.     ]
    
38. }
    
39. 
    

复制代码