import QtQuick 2.0

Rectangle {
    width: 480
    height: 300

    property int value: 0

    Behavior on value { NumberAnimation { duration: 1000 } }

    Text {
        id: valueText
        text: value
        font.pixelSize: 50
    }

    Rectangle {
        id: rect
        anchors.bottom: parent.bottom
        width: parent.width
        height: parent.height / 2
        color: mouseArea.pressed ? "darkgrey" : "grey"

        Text {
            anchors.centerIn: parent
            text: "Click me"
            font.pixelSize: 50
        }

        MouseArea {
            id: mouseArea
            onPressed: value = 100
            onReleased: value = 0
            anchors.fill: parent
        }
    }
}