第一个QML简单动画

import QtQuick 2.6

import QtQuick.Controls 1.5

ApplicationWindow {

    visible: true

    width: 640

    height: 480

    title: qsTr("Hello World")

    menuBar: MenuBar {

        Menu {

            title: qsTr("File")

            MenuItem {

                text: qsTr("&Open")

                onTriggered: console.log("Open action triggered");

            }

            MenuItem {

                text: qsTr("Exit")

                onTriggered: Qt.quit();

            }

        }

    }

    Label {

        id:label

        text: qsTr("Hello World")

        width:120

        height: 25

        x:50

        y:50

        parent: parent

        color: "#4A4A4A"

    }

    Image {

        property int padding: 40

        property int duaring: 400

        property bool running: false

        id: root

        width: parent.width

        height: parent.height

        source: "test.png"

        Image {

            id: child

            x:root.padding

            y:(root.height-height)/2

            source: "test1.png"

            NumberAnimation on x  {

                        to: root.width - child.width - root.padding

                        duration: root.duration

                        running: root.running

                    }

            RotationAnimation on rotation {

                to: 360

                duration: root.duration

                running: root.running

            }

        }

        MouseArea{

            anchors.fill: parent

            onClicked: root.running = true

        }

    }

}