C

Qt Quick Ultralite Motorcycle Cluster Demo

/****************************************************************************** ** ** Copyright (C) 2020 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the Qt Quick Ultralite module. ** ** $QT_BEGIN_LICENSE:COMM$ ** ** Commercial License Usage ** Licensees holding valid commercial Qt licenses may use this file in ** accordance with the commercial license agreement provided with the ** Software or, alternatively, in accordance with the terms contained in ** a written agreement between you and The Qt Company. For licensing terms ** and conditions see http://www.qt.io/terms-conditions. For further ** information use the contact form at http://www.qt.io/contact-us. ** ** $QT_END_LICENSE$ ** ******************************************************************************/
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() }