QT动画制作（二十七）

alltolove

效果：

为了省事还是把MainForm.ui.qml删去，直接在main.qml文件敲代码：

1. import QtQuick 2.5
   
2. import QtQuick.Window 2.2
   
3. 
   
4. Window {
   
5.     visible: true
   
6.     width: 500
   
7.     height: 500
   
8.     title: qsTr("Hello World")
   
9.     Rectangle{
   
10.         id:ball
    
11.         width:140
    
12.         height: 140
    
13.         radius: 70
    
14.         color:"#00B000"
    
15.         Text{
    
16.             anchors.centerIn: parent
    
17.             text:"Qt"
    
18.             font.family: "Trebuchet MS"
    
19.             color:"white"
    
20.             font.pointSize: 54
    
21.         }
    
22.         SequentialAnimation{
    
23.             running: true
    
24.             PathAnimation{
    
25.                 target:ball
    
26.                 duration: 3000
    
27.                 easing.type: Easing.Linear
    
28.                 path: Path {
    
29.                     startX: 180; startY: 150//起始位置坐标
    
30. 
    
31.                     PathArc {
    
32.                         x: 179; y: 150//终止位置坐标
    
33.                         radiusX: 150; radiusY: 100//半径
    
34.                         useLargeArc: true
    
35.                     }
    
36.                 }
    
37.             }
    
38.             ScaleAnimator{
    
39.                 target:ball
    
40.                 duration:3000
    
41.                 from:1
    
42.                 to:5.5
    
43.             }
    
44.         }
    
45.     }
    
46. }
    

复制代码

Preview: 明天学习动态创建和销毁对象