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 2.0
Rectangle {
width: 800
height: 800
Rectangle {
id: redRect; objectName: "redRect"
color: "red"
width: 50; height: 50
x: 500; y: 50
}
states: State {
name: "moved"
PropertyChanges {
target: redRect
x: 100; y: 700
}
}
transitions: Transition {
to: "moved"; reversible: true
PathAnimation {
id: pathAnim
target: redRect
duration: 300
path: Path {
PathCurve { x: 100; y: 100 }
PathCurve { x: 200; y: 350 }
PathCurve { x: 600; y: 500 }
PathCurve {}
}
}
}
MouseArea {
anchors.fill: parent
onClicked: parent.state = parent.state == "moved" ? "" : "moved"
}
}
|
