QT动画制作（三十）

alltolove

效果：

今天我们为了让代码更简练，不用main.qml文件和windows框架，直接建一个a.qml文件。
首先建立QT quick application 项目，然后把main.qml和MainForm.ui.qml文件都删除，新建个a.qml文件，修改源文件里main.cpp文件为：

1. #include <QGuiApplication>
   
2. #include <QQmlApplicationEngine>
   
3. #include <QQuickView>
   
4. int main(int argc, char *argv[])
   
5. {
   
6.     QGuiApplication app(argc, argv);
   
7. 
   
8.     QQuickView viewer;
   
9.         viewer.setResizeMode(QQuickView::SizeRootObjectToView);
   
10.         viewer.setSource(QUrl("qrc:/a.qml"));
    
11.         //viewer.rootObject();
    
12.         viewer.show();
    
13.     return app.exec();
    
14. }
    

复制代码

a.qml文件：

1. import QtQuick 2.0
   
2. 
   
3. Item {
   
4.     width: 600
   
5.     height: 600
   
6.     Rectangle{
   
7.         property int b:100
   
8.         id:a
   
9.         width: b
   
10.         height: b
    
11.         color: "red"
    
12.         ParallelAnimation{
    
13.             running: true
    
14.             SpringAnimation{
    
15.                 target: a
    
16.                 from:a.y
    
17.                 to:250
    
18.                 property: "x"
    
19.                 spring: 2//弹性力度
    
20.                 damping: 0.02
    
21.                 epsilon: 0.25//接近于0的阈值
    
22.             }
    
23.             SpringAnimation{
    
24.                 target: a
    
25.                 from:a.y
    
26.                 to:250
    
27.                 property: "y"
    
28.                 spring: 2
    
29.                 damping: 0.02//阻尼
    
30.                 epsilon: 0.25
    
31.             }
    
32.         }
    
33.     }
    
34. }
    

复制代码

Preview: 明天介绍用C++代码自定义创建qml对象