QT动画制作（九）

alltolove

前几个帖子我都是用的方框（我这眼睛都快成方块了 ），今天我们学习用文字做动画
效果：

知识点1：学会随时间做有先后顺序的一系列动作
知识点2：学会用文字
首先建一个新项目，然后在根目录再建个文件Rect.qml写代码如下：

1. import QtQuick 2.4
   
2. 
   
3. Item {
   
4. 
   
5.     Text{//文字都必须要写在这里面
   
6.         id:a
   
7.         anchors.left:parent.left
   
8.         anchors.top:parent.top
   
9.         anchors.margins: 30
   
10.         font.pixelSize: 125
    
11.         text:"我"
    
12.         style:Text.Raised
    
13.         styleColor: "red"
    
14.         color:"red"
    
15. 
    
16.     }
    
17.     Text{
    
18.         id:b
    
19.         anchors.left: a.right
    
20.         anchors.top:parent.top
    
21.         anchors.margins: 30
    
22.         font.pixelSize: 125
    
23.         text:"爱"
    
24.         style:Text.Raised
    
25.         styleColor: "red"
    
26.         color:"red"
    
27. 
    
28.     }
    
29.     Text{
    
30.         id:c
    
31.         anchors.left:b.right
    
32.         anchors.top:parent.top
    
33.         anchors.margins: 30
    
34.         font.pixelSize: 125
    
35.         text:"鱼"
    
36.         style:Text.Raised
    
37.         styleColor: "red"
    
38.         color:"red"
    
39. 
    
40.     }
    
41.     Text{
    
42.         id:d
    
43.         anchors.left: c.right
    
44.         anchors.top:parent.top
    
45.         anchors.margins: 30
    
46.         font.pixelSize: 125
    
47.         text:"C"
    
48.         style:Text.Raised
    
49.         styleColor: "red"
    
50.         color:"red"
    
51. 
    
52.     }
    
53.     SequentialAnimation{//让物体按顺序挨个动作
    
54.         loops:Animation.Infinite
    
55.         NumberAnimation{
    
56.             target:a//设定让哪个物体动作
    
57.             property: "scale"//设定物体哪个属性动作
    
58.             to:1.5
    
59.         }
    
60.         NumberAnimation{
    
61.             target:a
    
62.             property: "scale"
    
63.             to:1
    
64.         }
    
65.         NumberAnimation{
    
66.             target:b
    
67.             property: "scale"
    
68.             to:1.5
    
69.             duration:500
    
70.         }
    
71. 
    
72.         PauseAnimation {//因为要强调“爱”这个字，所以要暂停一会
    
73.             duration: 500
    
74.         }
    
75.         NumberAnimation{
    
76.             target:b
    
77.             property: "scale"
    
78.             to:1
    
79.         }
    
80.         NumberAnimation{
    
81.             target:c
    
82.             property: "scale"
    
83.             to:1.5
    
84.         }
    
85.         NumberAnimation{
    
86.             target:c
    
87.             property: "scale"
    
88.             to:1
    
89.         }
    
90.         ParallelAnimation{//并行动画组
    
91.         NumberAnimation{
    
92.             target:d
    
93.             property: "scale"
    
94.             to:1.5
    
95.         }
    
96.         RotationAnimator{
    
97.             target:d
    
98.             from:0
    
99.             to:1080
    
100.             duration:1000
     
101.         }
     
102. 
     
103.         }
     
104.         NumberAnimation{
     
105.             target:d
     
106.             property: "scale"
     
107.             to:1
     
108.         }
     
109. 
     
110.         running:true
     
111.     }
     
112. 
     
113. }
     

复制代码

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. Rect{}

复制代码

小甲鱼

很好！很喜欢！

居然还会动~~~

alltolove

小甲鱼 发表于 2017-2-28 22:00
很好！很喜欢！

居然还会动~~~

哇！小甲鱼来我的帖子了

小甲鱼

alltolove 发表于 2017-2-28 22:03
哇！小甲鱼来我的帖子了

刚刚发现这么好玩的连载，继续加油哦！

小甲鱼

另外可以创建【淘帖】，方便其他鱼油关注学习~

不二如是

加油～love大兄弟～

狂奔的鸡翅膀

很好。我想问一下，用QT开发出来的程序是不是在windows也能跑

alltolove

狂奔的鸡翅膀 发表于 2017-3-1 09:54
很好。我想问一下，用QT开发出来的程序是不是在windows也能跑

嗯，就是在windows用的。在其他系统上和手机上也行