mirror of
https://git.mirrors.martin98.com/https://github.com/Ultimaker/Cura
synced 2025-05-03 01:04:35 +08:00
18377d2726
There are still some discrepancies (e.g. when the extruder is empty, the Preview tab just keeps it disabled and mentions "Generic PLA" while the Monitor tab shows it disabled by mentions "Empty" in the material. But we consider this acceptable for the time being, since it has been like that for a long time. CURA-8011
89 lines
2.6 KiB
QML
89 lines
2.6 KiB
QML
// Copyright (c) 2019 Ultimaker B.V.
|
|
// Cura is released under the terms of the LGPLv3 or higher.
|
|
|
|
import QtQuick 2.2
|
|
import QtQuick.Controls 2.0
|
|
import UM 1.3 as UM
|
|
|
|
import Cura 1.6 as Cura
|
|
|
|
/**
|
|
* This component comprises a colored extruder icon, the material name, and the
|
|
* print core name. It is used by the MonitorPrinterConfiguration component with
|
|
* a sibling instance as well as a MonitorBuildplateConfiguration instance.
|
|
*
|
|
* NOTE: For most labels, a fixed height with vertical alignment is used to make
|
|
* layouts more deterministic (like the fixed-size textboxes used in original
|
|
* mock-ups). This is also a stand-in for CSS's 'line-height' property. Denoted
|
|
* with '// FIXED-LINE-HEIGHT:'.
|
|
*/
|
|
Item
|
|
{
|
|
// The material color
|
|
property alias color: extruderIcon.materialColor
|
|
|
|
// The extruder position
|
|
property int position
|
|
|
|
// The material name
|
|
property alias material: materialLabel.text
|
|
|
|
// The print core name (referred to as hotendID in Python)
|
|
property alias printCore: printCoreLabel.text
|
|
|
|
// Height is 2 x 18px labels, plus 4px spacing between them
|
|
height: 40 * screenScaleFactor // TODO: Theme!
|
|
width: childrenRect.width
|
|
opacity: material != "" && material != "Empty" && position >= 0 ? 1 : 0.4
|
|
|
|
Cura.ExtruderIcon
|
|
{
|
|
id: extruderIcon
|
|
materialColor: UM.Theme.getColor("monitor_skeleton_loading")
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Rectangle
|
|
{
|
|
id: materialLabelWrapper
|
|
anchors
|
|
{
|
|
left: extruderIcon.right
|
|
leftMargin: UM.Theme.getSize("default_margin").width
|
|
verticalCenter: extruderIcon.verticalCenter
|
|
}
|
|
color: materialLabel.visible > 0 ? "transparent" : UM.Theme.getColor("monitor_skeleton_loading")
|
|
height: childrenRect.height
|
|
width: Math.max(materialLabel.contentWidth, 60 * screenScaleFactor) // TODO: Theme!
|
|
radius: 2 * screenScaleFactor // TODO: Theme!
|
|
|
|
Label
|
|
{
|
|
id: materialLabel
|
|
anchors.top: parent.top
|
|
|
|
color: UM.Theme.getColor("text")
|
|
elide: Text.ElideRight
|
|
font: UM.Theme.getFont("default") // 12pt, regular
|
|
text: ""
|
|
visible: text !== ""
|
|
|
|
renderType: Text.NativeRendering
|
|
}
|
|
|
|
Label
|
|
{
|
|
id: printCoreLabel
|
|
anchors.top: materialLabel.bottom
|
|
|
|
color: UM.Theme.getColor("text")
|
|
elide: Text.ElideRight
|
|
font: UM.Theme.getFont("default_bold") // 12pt, bold
|
|
text: ""
|
|
visible: text !== ""
|
|
|
|
renderType: Text.NativeRendering
|
|
}
|
|
}
|
|
}
|