import Qt 4.7

Rectangle {

    color: "blue"

    width: 320

    height: 240

    id: page

    Rectangle {

        id: myRectangle

        width: 100

        height: 100

        color: "red"

        x: 10

    }

    states: [

        State {

            name: "hello"

            PropertyChanges {

                target: myRectangle

                x: 50 + 50

            }

            PropertyChanges {

                target: myMouseArea

                onClicked: page.state = ''

            }

        }

    ]

    transitions: [

        Transition {

            NumberAnimation {

                properties: "x"

            }

        }

    ]

    MouseArea {

        id: myMouseArea

        anchors.fill: parent

        onClicked: { page.state= 'hello' }

    }

}