1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
|
// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
Item {
id: textSample
property bool textFits: textLabel.implicitWidth < statusRectangle.width
&& statusRectangle.width - textLabel.implicitWidth < 20
property alias text: textLabel.text
property alias font: textLabel.font
width: parent.width
height: textLabel.height + controlsLayout.height
anchors.margins: 10
Rectangle {
id: statusRectangle
color: "transparent"
border.color: textFits ? "forestgreen" : "firebrick"
border.width: 2
radius: 10
anchors.fill: parent
anchors.margins: -5
antialiasing: true
}
Column {
anchors.fill: parent
id: column
Label {
id: textLabel
font.family: georama.name
//! [variableAxes]
font.variableAxes: {
"wdth": widthSlider.value,
"wght": weightSlider.value
}
//! [variableAxes]
}
GridLayout {
id: controlsLayout
width: parent.width
columns: 2
Label {
Layout.margins: 5
text: qsTr("Width")
}
Slider {
id: widthSlider
from: 62.5
to: 150
value: 100
Layout.fillWidth: true
Layout.margins: 5
}
Label {
text: qsTr("Weight")
Layout.margins: 5
}
Slider {
id: weightSlider
from: 100
to: 900
value: 400
Layout.fillWidth: true
Layout.margins: 5
}
}
}
}
|