blob: 6c3e52daf4a24dcba82bbcc63adbab6b9f430ae0 (
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
|
import QtQuick 1.0
/*
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" }
}
}
}
|
