C
Qt Quick Ultralite Motorcycle Cluster Demo
// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial
import QtQuick
import QtQuickUltralite.Extras 2.0
ItemWithAcivationAnimations {
id: root
welcomeAnimationDuration: 400
property alias speedValue: textValue.text
property bool isDayMode: false
readonly property int changeColorAnimationDuration: 1000
Text {
id: textValue
anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 144
font.italic: true
font.bold: true
font.family: "Barlow-mono"
color: root.isDayMode ? Style.speedoNumberDayMode : Style.white
Behavior on color {
NumberAnimation {
duration: root.changeColorAnimationDuration
}
}
}
StaticText {
y: 159
anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 30
font.family: "Barlow-mono"
color: root.isDayMode ? Style.speedoNumberDayMode : Style.white
text: "km/h"
Behavior on color {
NumberAnimation {
duration: root.changeColorAnimationDuration
}
}
}
function hideElements() {
root.opacity = 0
}
Component.onCompleted: hideElements()
}