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
|
// Copyright (C) 2022 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Controls
import QtQuick.Controls.Material
Item {
id: rootItem
Material.theme: Material.Dark
Material.accent: Material.LightGreen
Image {
anchors.centerIn: parent
width: parent.width / 2
height: parent.height / 2
sourceSize.width: width
sourceSize.height: height
source: "images/Built_with_Qt.png"
fillMode: Image.PreserveAspectFit
SequentialAnimation on anchors.verticalCenterOffset {
loops: Animation.Infinite
paused: !settings.animateMovement
NumberAnimation {
to: 50
duration: 2000
easing.type: Easing.InOutQuad
}
NumberAnimation {
to: -50
duration: 2000
easing.type: Easing.InOutQuad
}
}
}
Text {
font.pixelSize: 50
font.bold: true
text: "TESTING"
color: "white"
}
Image {
source: "images/warning.png"
anchors.bottom: parent.bottom
anchors.left: parent.left
mipmap: true
SequentialAnimation on scale {
loops: Animation.Infinite
paused: !settings.animateMovement
NumberAnimation {
to: 0.4
duration: 3000
easing.type: Easing.InOutQuad
}
NumberAnimation {
to: 1.0
duration: 1000
easing.type: Easing.OutBack
}
}
}
Rectangle {
width: parent.width * 0.2
height: width
anchors.top: parent.top
anchors.topMargin: width * 0.2
anchors.right: parent.right
anchors.rightMargin: width * 0.2
color: "#808080"
border.color: "#f0f0f0"
border.width: 2
radius: width * 0.1
SequentialAnimation on opacity {
paused: !settings.animateMovement
loops: Animation.Infinite
NumberAnimation {
to: 0.0
duration: 2000
easing.type: Easing.InOutQuad
}
NumberAnimation {
to: 1.0
duration: 2000
easing.type: Easing.InOutQuad
}
}
NumberAnimation on rotation {
paused: !settings.animateMovement
loops: Animation.Infinite
from: 0
to: 360
duration: 10000
}
}
Column {
anchors.right: parent.right
anchors.rightMargin: width * 0.2
anchors.bottom: parent.bottom
Button {
id: button
text: "Controls Button"
Material.theme: Material.Light
}
Slider {
width: button.width
}
}
}
|
