C
Qt Quick Ultralite Motorcycle Cluster Demo
// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial
import QtQuick 2.0
import QtQuickUltralite.Extras 2.0
Item {
id: root
readonly property int opacityAnimationDuration: 1000
readonly property int verticalOffset: 20
property bool active: false
opacity: 0
onActiveChanged: {
if (active) {
startAnimation()
} else {
hiddingAnimation()
}
}
function startAnimation() {
fadingAnimation.start()
}
function hiddingAnimation() {
root.opacity = 0
}
Image {
source: "qrc:///images/qt-logo.png"
anchors.centerIn: parent
anchors.verticalCenterOffset: -30
}
StaticText {
anchors.centerIn: parent
anchors.verticalCenterOffset: 30
text: "for MCUs"
font.pixelSize: 16
font.family: "Barlow-mono"
color: Style.qtLogoGreen
}
SequentialAnimation {
id: fadingAnimation
alwaysRunToEnd: true
NumberAnimation {
target: root
property: "opacity"
duration: opacityAnimationDuration
easing.type: Easing.OutQuad
to: 1
}
PauseAnimation {
duration: 1000
}
NumberAnimation {
target: root
property: "opacity"
duration: opacityAnimationDuration
easing.type: Easing.OutQuad
to: 0
}
}
}