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: 96 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: 106 anchors.horizontalCenter: parent.horizontalCenter font.pixelSize: 20 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() }