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: 30
    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: -45//-30
    }
    StaticText {
        anchors.centerIn: parent
        anchors.verticalCenterOffset: 45
        text: "for MCUs"
        font.pixelSize: 24
        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
        }
    }
}