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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
// Copyright (C) 2019 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick 2.9
import QtQuick.Window 2.3
import QtQuick.Layouts 1.0
import QtQuick.Controls 2.3
Rectangle {
visible: true
width: 640
height: 480
color: "#242424"
ColumnLayout {
x: 20
y: 152
spacing: 20
Root {
id: root
}
Root {
id: root1
}
Root {
id: root2
}
}
Timeline {
id: timeline
enabled: true
endFrame: 4000
startFrame: 0
KeyframeGroup {
target: root
property: "progress"
Keyframe {
value: 10
frame: 0
}
Keyframe {
easing.bezierCurve: [0.86, 0.00, 0.07, 1.00, 1, 1]
value: 90
frame: 2000
}
Keyframe {
easing.bezierCurve: [0.86, 0.00, 0.07, 1.00, 1, 1]
value: 10
frame: 4000
}
}
KeyframeGroup {
target: root1
property: "progress"
Keyframe {
easing.bezierCurve: [0.17, 0.84, 0.44, 1.00, 1, 1]
value: 90
frame: 4000
}
Keyframe {
easing.bezierCurve: [0.17, 0.84, 0.44, 1.00, 1, 1]
value: 20
frame: 2000
}
Keyframe {
value: 90
frame: 0
}
}
KeyframeGroup {
target: root2
property: "progress"
Keyframe {
value: 15
frame: 0
}
Keyframe {
easing.bezierCurve: [0.79, 0.14, 0.15, 0.86, 1, 1]
value: 85
frame: 2000
}
Keyframe {
easing.bezierCurve: [0.79, 0.14, 0.15, 0.86, 1, 1]
value: 15
frame: 4000
}
}
animations: [
TimelineAnimation {
id: propertyAnimation
target: timeline
property: "currentFrame"
running: true
to: timeline.endFrame
from: timeline.startFrame
loops: -1
duration: 1000
}
]
}
Image {
id: image
x: 518
y: 0
width: 102
height: 137
fillMode: Image.PreserveAspectFit
source: "built-with-Qt_Large.png"
}
}
|
