Animation（一-基本动画）

• 动画被用于属性的改变。一个动画定义了属性值改变的曲线！
• 所有在QtQuick中的动画都由同一个计 时器来控制，因此它们始终都保持同步，这也提高了动画的性能和显示效果

• 每一个元素都提供了许多的属性，每一个属性都在等待使用动画

 

先贴个图

酷~人类看到任何会动的东西（包括桌面）都会喜欢，这可能和人类看到有生机的东西就会触发感情有关~

import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    id:window
    visible: true
    width: 680
    height: 480
    title: qsTr("Hello World")

    Image {
        source: "qrc:/new/iamg/background.png"
        anchors.fill: parent
        Image {
            x:40
            y:80
            source:"qrc:/new/iamg/rocket.png"

            NumberAnimation on x{
                to:600
                duration:4000
                loops:Animation.Infinite
            }

            RotationAnimation on rotation {
                to:360
                duration: 4000
                loops:Animation.Infinite
            }
        }
    }
}

• 上面这个例子在x坐标（属性）和旋转属性上应用了一个简单的动画，每一次动画持续4000毫秒并且永久循环

• x轴坐标动画展示了火箭的x坐标逐渐移至240，旋转动画展示 了当前角度到360度的旋转。
• 两个动画同时运行，并且在加载用户界面完成后开 始