import Qt 4.7

/*

This test starts with a red rectangle at 0,0. It should animate a color change to blue,

then jump 50 pixels right, and then animate moving 50 pixels down. Afer this it should

do an exact visual reversal (animate up 50 pixels, jump left 50 pixels, and then animate

a change back to red).

*/

Rectangle {

    width: 400; height: 400

    Rectangle {

        id: myRect

        width: 100; height: 100

        color: "red"

    }

    MouseArea {

        id: clickable

        anchors.fill: parent

    }

    states: State {

        name: "state1"

        when: clickable.pressed

        PropertyChanges {

            target: myRect

            x: 50; y: 50

            color: "blue"

        }

    }

    transitions: Transition {

        to: "state1"

        reversible: true

        SequentialAnimation {

            ColorAnimation {}

            PropertyAction { properties: "x" }

            NumberAnimation { properties: "y"; easing.type: "InOutQuad" }

        }

    }

}