C

Qt Quick Ultralite Motorcycle Cluster Demo

// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial
import QtQuick

Item {
    id: root
    readonly property int opacityAnimationDuration: 2000
    readonly property int verticalOffset: 0
    property bool active: false

    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
    }

    SequentialAnimation {
        id: fadingAnimation
        alwaysRunToEnd: true
        PauseAnimation {
            duration: 1000
        }
        NumberAnimation {
            target: root
            property: "opacity"
            duration: opacityAnimationDuration
            easing.type: Easing.OutQuad
            to: 0
        }
    }
}