summaryrefslogtreecommitdiffstats
path: root/examples/declarative/widgets/mywidgets.qml
blob: b1efed46e4f3629d33967097c290b3cffc503f61 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import Qt 4.6
import "MyWidgets" 1.0

Rectangle {
    id: window
    width: 640; height: 480; color: palette.window

    property int margin: 30

    SystemPalette { id: palette }

    MyPushButton {
        id: button1; x: margin; y: margin; text: "Right"; onClicked: window.state = "right"
        transformOriginPoint: Qt.point(width / 2, height / 2)
    }

    MyPushButton {
        id: button2; x: margin; y: margin + 30; text: "Bottom"; onClicked: window.state = "bottom"
        transformOriginPoint: Qt.point(width / 2, height / 2)
    }

    MyPushButton {
        id: button3; x: margin; y: margin + 60; text: "Quit"; onClicked: Qt.quit()
        transformOriginPoint: Qt.point(width / 2, height / 2)
    }

    states: [
    State {
        name: "right"
        PropertyChanges { target: button1; x: window.width - width - margin; text: "Left"; onClicked: window.state = "" }
        PropertyChanges { target: button2; x: window.width - width - margin }
        PropertyChanges { target: button3; x: window.width - width - margin }
        PropertyChanges { target: window; color: Qt.darker(palette.window) }
    },
    State {
        name: "bottom"
        PropertyChanges { target: button1; y: window.height - height - margin; rotation: 180 }
        PropertyChanges {
            target: button2; x: button1.x + button1.width + 10; y: window.height - height - margin;  rotation: 180
            text: "Top"; onClicked: window.state = ""
        }
        PropertyChanges { target: button3; x: button2.x + button2.width + 10; y: window.height - height - margin;  rotation: 180 }
        PropertyChanges { target: window; color: Qt.lighter(palette.window) }
    }
    ]

    transitions: Transition {
        ParallelAnimation {
            NumberAnimation { properties: "x,y,rotation"; duration: 600; easing.type: "OutQuad" }
            ColorAnimation { target: window; duration: 600 }
        }
    }
}