blob: 32c1b9bf5cfc403288f0406fdbb36fa2137e4bef (
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
Rect {
id: Window
width: 640
height: Layout.height
color: "white"
ListModel2 {
id: EasingTypes
ListElement { type: "easeLinear" }
ListElement { type: "easeInQuad" }
ListElement { type: "easeOutQuad" }
ListElement { type: "easeInOutQuad" }
ListElement { type: "easeOutInQuad" }
ListElement { type: "easeInCubic" }
ListElement { type: "easeOutCubic" }
ListElement { type: "easeInOutCubic" }
ListElement { type: "easeOutInCubic" }
ListElement { type: "easeInQuart" }
ListElement { type: "easeOutQuart" }
ListElement { type: "easeInOutQuart" }
ListElement { type: "easeOutInQuart" }
ListElement { type: "easeInQuint" }
ListElement { type: "easeOutQuint" }
ListElement { type: "easeInOutQuint" }
ListElement { type: "easeOutInQuint" }
ListElement { type: "easeInSine" }
ListElement { type: "easeOutSine" }
ListElement { type: "easeInOutSine" }
ListElement { type: "easeOutInSine" }
ListElement { type: "easeInExpo" }
ListElement { type: "easeOutExpo" }
ListElement { type: "easeInOutExpo" }
ListElement { type: "easeOutInExpo" }
ListElement { type: "easeInCirc" }
ListElement { type: "easeOutCirc" }
ListElement { type: "easeInOutCirc" }
ListElement { type: "easeOutInCirc" }
ListElement { type: "easeInElastic" }
ListElement { type: "easeOutElastic" }
ListElement { type: "easeInOutElastic" }
ListElement { type: "easeOutInElastic" }
ListElement { type: "easeInBack" }
ListElement { type: "easeOutBack" }
ListElement { type: "easeInOutBack" }
ListElement { type: "easeOutInBack" }
ListElement { type: "easeOutBounce" }
ListElement { type: "easeInBounce" }
ListElement { type: "easeInOutBounce" }
ListElement { type: "easeOutInBounce" }
}
VerticalLayout {
id: Layout
anchors.left: Window.left
anchors.right: Window.right
Repeater {
dataSource: EasingTypes
Component {
Text {
id: Text
text: type
height: 18
font.italic: true
x: SequentialAnimation {
id: Anim
NumericAnimation {
from: 0
to: Window.width / 2
easing: type
duration: 1000
}
PauseAnimation {
duration: 300
}
NumericAnimation {
to: 0
from: Window.width / 2
easing: type
duration: 1000
}
}
children: [
MouseRegion {
onClicked: { Anim.running=true }
anchors.fill: parent
}
]
}
}
}
}
}
|
