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 2.15 import QtQuickUltralite.Extras 2.0 Column { id: root property alias valueText: textValue.text property alias labelText: textLabel.text property int magicMarginForValue: 0 property int magicMarginForTextLabel: 0 spacing: 5 StaticText { id: unit height: unit.width anchors.right: parent.right anchors.rightMargin: 7 font.pixelSize: 28 font.family: "Barlow-mono" color: Style.white text: "km" transform: [ Rotation { origin.x: unit.width / 2 origin.y: unit.height / 2 angle: -90 } ] } Text { id: textValue height: textValue.width anchors.right: parent.right anchors.rightMargin: magicMarginForValue font.pixelSize: 38 font.family: "Barlow-mono" color: Style.white transform: [ Rotation { origin.x: textValue.width / 2 origin.y: textValue.height / 2 angle: -90 } ] } Text{ id: textLabel height: textLabel.width anchors.right: parent.right anchors.rightMargin: magicMarginForTextLabel font.pixelSize: 19 font.family: "Barlow-mono" color: Style.white transform: [ Rotation { origin.x: textLabel.width / 2 origin.y: textLabel.height / 2 angle: -90 } ] } }