Cura/resources/qml/Menus/ConfigurationMenu/ConfigurationListView.qml
c.lamboo d5c0fde7f2 Render labels using Text.QtRendering on OSX
Fonts were looking a bit to thick on when using `Text.NativeRendering`, so using `Text.QtRendering` instead. After this the font weight looks identical to figma (as far as I can see).

In this commit I also changed all `Label`'s to `UM.Label`'s and removed default properties where I could.

CURA-9154
2022-05-10 15:40:09 +02:00

132 lines
4.1 KiB
QML

// Copyright (c) 2022 Ultimaker B.V.
// Cura is released under the terms of the LGPLv3 or higher.
import QtQuick 2.7
import QtQuick.Controls 2.3
import UM 1.5 as UM
import Cura 1.0 as Cura
Item
{
id: base
property var outputDevice: null
height: childrenRect.height
function forceModelUpdate()
{
// FIXME For now the model has to be removed and then created again, otherwise changes in the printer don't automatically update the UI
configurationList.model = []
if (outputDevice)
{
configurationList.model = outputDevice.uniqueConfigurations
}
}
// This component will appear when there are no configurations (e.g. when losing connection or when they are being loaded)
Item
{
width: parent.width
visible: configurationList.model.length == 0
height: icon.height
anchors.top: parent.top
anchors.topMargin: UM.Theme.getSize("default_margin").height
UM.StatusIcon
{
id: icon
width: visible ? UM.Theme.getSize("section_icon").width : 0
height: width
anchors.verticalCenter: parent.verticalCenter
status: UM.StatusIcon.Status.WARNING
}
UM.Label
{
id: label
anchors.left: icon.right
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: UM.Theme.getSize("default_margin").width
// There are two cases that we want to differentiate, one is when Cura is loading the configurations and the
// other when the connection was lost
text: Cura.MachineManager.printerConnected ?
catalog.i18nc("@label", "Loading available configurations from the printer...") :
catalog.i18nc("@label", "The configurations are not available because the printer is disconnected.")
wrapMode: Text.WordWrap
}
}
ScrollView
{
id: container
width: parent.width
readonly property int maximumHeight: 350 * screenScaleFactor
height: Math.round(Math.min(configurationList.height, maximumHeight))
contentHeight: configurationList.height
clip: true
ScrollBar.vertical: UM.ScrollBar {
parent: container.parent
anchors
{
top: parent.top
right: parent.right
bottom: parent.bottom
}
}
ButtonGroup
{
buttons: configurationList.children
}
ListView
{
id: configurationList
spacing: UM.Theme.getSize("narrow_margin").height
width: container.width - ((height > container.maximumHeight) ? container.ScrollBar.vertical.background.width : 0) //Make room for scroll bar if there is any.
height: contentHeight
interactive: false // let the ScrollView process scroll events.
section.property: "modelData.printerType"
section.criteria: ViewSection.FullString
section.delegate: Item
{
height: printerTypeLabel.height + UM.Theme.getSize("wide_margin").height //Causes a default margin above the label and a default margin below the label.
Cura.PrinterTypeLabel
{
id: printerTypeLabel
text: section
anchors.verticalCenter: parent.verticalCenter //One default margin above and one below.
autoFit: true
}
}
model: (outputDevice != null) ? outputDevice.uniqueConfigurations : []
delegate: ConfigurationItem
{
width: parent.width
configuration: modelData
}
}
}
Connections
{
target: outputDevice
function onUniqueConfigurationsChanged()
{
forceModelUpdate()
}
}
Connections
{
target: Cura.MachineManager
function onOutputDevicesChanged()
{
forceModelUpdate()
}
}
}