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()
}