mirror of
https://git.mirrors.martin98.com/https://github.com/Ultimaker/Cura
synced 2025-05-29 01:28:55 +08:00
fa00a17c78
in the Feedrate color scheme. Due to the travel speed is normally very high compared with the other speeds in the model, the gradient is now gradual instead of linear in order to show more changes in the low values and less changes in the high values. Adapt also the button styles and themes' colors. Set the play/pause button to the left and reduce the size.
368 lines
12 KiB
QML
368 lines
12 KiB
QML
// Copyright (c) 2017 Ultimaker B.V.
|
|
// Cura is released under the terms of the LGPLv3 or higher.
|
|
|
|
import QtQuick 2.2
|
|
import QtQuick.Controls 1.1
|
|
import QtQuick.Controls.Styles 1.1
|
|
import QtQuick.Layouts 1.1
|
|
|
|
import UM 1.2 as UM
|
|
import Cura 1.0 as Cura
|
|
import "Menus"
|
|
|
|
Rectangle
|
|
{
|
|
id: base
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
height: UM.Theme.getSize("sidebar_header").height
|
|
color: base.monitoringPrint ? UM.Theme.getColor("topbar_background_color_monitoring") : UM.Theme.getColor("topbar_background_color")
|
|
|
|
property bool printerConnected: Cura.MachineManager.printerOutputDevices.length != 0
|
|
property bool printerAcceptsCommands: printerConnected && Cura.MachineManager.printerOutputDevices[0].acceptsCommands
|
|
property bool monitoringPrint: false
|
|
|
|
// outgoing signal
|
|
signal startMonitoringPrint()
|
|
signal stopMonitoringPrint()
|
|
|
|
// update monitoring status when event was triggered outside topbar
|
|
Component.onCompleted: {
|
|
startMonitoringPrint.connect(function () {
|
|
base.monitoringPrint = true
|
|
UM.Controller.disableModelRendering()
|
|
})
|
|
stopMonitoringPrint.connect(function () {
|
|
base.monitoringPrint = false
|
|
UM.Controller.enableModelRendering()
|
|
})
|
|
}
|
|
|
|
UM.I18nCatalog
|
|
{
|
|
id: catalog
|
|
name:"cura"
|
|
}
|
|
|
|
Image
|
|
{
|
|
id: logo
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: UM.Theme.getSize("default_margin").width
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
source: UM.Theme.getImage("logo");
|
|
width: UM.Theme.getSize("logo").width;
|
|
height: UM.Theme.getSize("logo").height;
|
|
|
|
sourceSize.width: width;
|
|
sourceSize.height: height;
|
|
}
|
|
|
|
Row
|
|
{
|
|
anchors.left: logo.right
|
|
anchors.leftMargin: UM.Theme.getSize("topbar_logo_right_margin").width
|
|
anchors.right: machineSelection.left
|
|
anchors.rightMargin: UM.Theme.getSize("default_margin").width
|
|
spacing: UM.Theme.getSize("default_margin").width
|
|
|
|
Button
|
|
{
|
|
id: showSettings
|
|
height: UM.Theme.getSize("sidebar_header").height
|
|
text: catalog.i18nc("@title:tab", "Prepare")
|
|
checkable: true
|
|
checked: isChecked()
|
|
exclusiveGroup: sidebarHeaderBarGroup
|
|
style: UM.Theme.styles.topbar_header_tab
|
|
|
|
// We use a Qt.binding to re-bind the checkbox state after manually setting it
|
|
// https://stackoverflow.com/questions/38798450/qt-5-7-qml-why-are-my-checkbox-property-bindings-disappearing
|
|
onClicked: {
|
|
base.stopMonitoringPrint()
|
|
checked = Qt.binding(isChecked)
|
|
}
|
|
|
|
function isChecked () {
|
|
return !base.monitoringPrint
|
|
}
|
|
|
|
property color overlayColor: "transparent"
|
|
property string overlayIconSource: ""
|
|
}
|
|
|
|
Button
|
|
{
|
|
id: showMonitor
|
|
width: UM.Theme.getSize("topbar_button").width
|
|
height: UM.Theme.getSize("sidebar_header").height
|
|
text: catalog.i18nc("@title:tab", "Monitor")
|
|
checkable: true
|
|
checked: isChecked()
|
|
exclusiveGroup: sidebarHeaderBarGroup
|
|
style: UM.Theme.styles.topbar_header_tab_no_overlay
|
|
|
|
// We use a Qt.binding to re-bind the checkbox state after manually setting it
|
|
// https://stackoverflow.com/questions/38798450/qt-5-7-qml-why-are-my-checkbox-property-bindings-disappearing
|
|
onClicked: {
|
|
base.startMonitoringPrint()
|
|
checked = Qt.binding(isChecked)
|
|
}
|
|
|
|
function isChecked () {
|
|
return base.monitoringPrint
|
|
}
|
|
|
|
property string iconSource:
|
|
{
|
|
if (!printerConnected)
|
|
{
|
|
return UM.Theme.getIcon("tab_status_unknown");
|
|
}
|
|
else if (!printerAcceptsCommands)
|
|
{
|
|
return UM.Theme.getIcon("tab_status_unknown");
|
|
}
|
|
|
|
if (Cura.MachineManager.printerOutputDevices[0].printerState == "maintenance")
|
|
{
|
|
return UM.Theme.getIcon("tab_status_busy");
|
|
}
|
|
|
|
switch (Cura.MachineManager.printerOutputDevices[0].jobState)
|
|
{
|
|
case "printing":
|
|
case "pre_print":
|
|
case "pausing":
|
|
case "resuming":
|
|
return UM.Theme.getIcon("tab_status_busy");
|
|
case "wait_cleanup":
|
|
return UM.Theme.getIcon("tab_status_finished");
|
|
case "ready":
|
|
case "":
|
|
return UM.Theme.getIcon("tab_status_connected")
|
|
case "paused":
|
|
return UM.Theme.getIcon("tab_status_paused")
|
|
case "error":
|
|
return UM.Theme.getIcon("tab_status_stopped")
|
|
default:
|
|
return UM.Theme.getIcon("tab_status_unknown")
|
|
}
|
|
}
|
|
}
|
|
|
|
ExclusiveGroup { id: sidebarHeaderBarGroup }
|
|
}
|
|
|
|
ToolButton
|
|
{
|
|
id: machineSelection
|
|
text: Cura.MachineManager.activeMachineName
|
|
|
|
width: UM.Theme.getSize("sidebar").width
|
|
height: UM.Theme.getSize("sidebar_header").height
|
|
tooltip: Cura.MachineManager.activeMachineName
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
style: ButtonStyle
|
|
{
|
|
background: Rectangle
|
|
{
|
|
color:
|
|
{
|
|
if(control.pressed)
|
|
{
|
|
return UM.Theme.getColor("sidebar_header_active");
|
|
}
|
|
else if(control.hovered)
|
|
{
|
|
return UM.Theme.getColor("sidebar_header_hover");
|
|
}
|
|
else
|
|
{
|
|
return UM.Theme.getColor("sidebar_header_bar");
|
|
}
|
|
}
|
|
Behavior on color { ColorAnimation { duration: 50; } }
|
|
|
|
UM.RecolorImage
|
|
{
|
|
id: downArrow
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: UM.Theme.getSize("default_margin").width
|
|
width: UM.Theme.getSize("standard_arrow").width
|
|
height: UM.Theme.getSize("standard_arrow").height
|
|
sourceSize.width: width
|
|
sourceSize.height: width
|
|
color: UM.Theme.getColor("text_emphasis")
|
|
source: UM.Theme.getIcon("arrow_bottom")
|
|
}
|
|
Label
|
|
{
|
|
id: sidebarComboBoxLabel
|
|
color: UM.Theme.getColor("sidebar_header_text_active")
|
|
text: control.text;
|
|
elide: Text.ElideRight;
|
|
anchors.left: parent.left;
|
|
anchors.leftMargin: UM.Theme.getSize("default_margin").width * 2
|
|
anchors.right: downArrow.left;
|
|
anchors.rightMargin: control.rightMargin;
|
|
anchors.verticalCenter: parent.verticalCenter;
|
|
font: UM.Theme.getFont("large")
|
|
}
|
|
}
|
|
label: Label {}
|
|
}
|
|
|
|
menu: PrinterMenu { }
|
|
}
|
|
|
|
//View orientation Item
|
|
Row
|
|
{
|
|
id: viewOrientationControl
|
|
height: 30
|
|
|
|
spacing: 2
|
|
|
|
visible: !base.monitoringPrint
|
|
|
|
anchors {
|
|
verticalCenter: base.verticalCenter
|
|
right: viewModeButton.right
|
|
rightMargin: UM.Theme.getSize("default_margin").width + viewModeButton.width
|
|
}
|
|
|
|
// #1 3d view
|
|
Button
|
|
{
|
|
iconSource: UM.Theme.getIcon("view_3d")
|
|
style: UM.Theme.styles.small_tool_button
|
|
anchors.verticalCenter: viewOrientationControl.verticalCenter
|
|
onClicked:{
|
|
UM.Controller.rotateView("3d", 0);
|
|
}
|
|
visible: base.width > 1100
|
|
}
|
|
|
|
// #2 Front view
|
|
Button
|
|
{
|
|
iconSource: UM.Theme.getIcon("view_front")
|
|
style: UM.Theme.styles.small_tool_button
|
|
anchors.verticalCenter: viewOrientationControl.verticalCenter
|
|
onClicked:{
|
|
UM.Controller.rotateView("home", 0);
|
|
}
|
|
visible: base.width > 1130
|
|
}
|
|
|
|
// #3 Top view
|
|
Button
|
|
{
|
|
iconSource: UM.Theme.getIcon("view_top")
|
|
style: UM.Theme.styles.small_tool_button
|
|
anchors.verticalCenter: viewOrientationControl.verticalCenter
|
|
onClicked:{
|
|
UM.Controller.rotateView("y", 90);
|
|
}
|
|
visible: base.width > 1160
|
|
}
|
|
|
|
// #4 Left view
|
|
Button
|
|
{
|
|
iconSource: UM.Theme.getIcon("view_left")
|
|
style: UM.Theme.styles.small_tool_button
|
|
anchors.verticalCenter: viewOrientationControl.verticalCenter
|
|
onClicked:{
|
|
UM.Controller.rotateView("x", 90);
|
|
}
|
|
visible: base.width > 1190
|
|
}
|
|
|
|
// #5 Left view
|
|
Button
|
|
{
|
|
iconSource: UM.Theme.getIcon("view_right")
|
|
style: UM.Theme.styles.small_tool_button
|
|
anchors.verticalCenter: viewOrientationControl.verticalCenter
|
|
onClicked:{
|
|
UM.Controller.rotateView("x", -90);
|
|
}
|
|
visible: base.width > 1210
|
|
}
|
|
}
|
|
|
|
ComboBox
|
|
{
|
|
id: viewModeButton
|
|
|
|
anchors {
|
|
verticalCenter: parent.verticalCenter
|
|
right: parent.right
|
|
rightMargin: UM.Theme.getSize("sidebar").width + UM.Theme.getSize("default_margin").width
|
|
}
|
|
|
|
style: UM.Theme.styles.combobox
|
|
visible: !base.monitoringPrint
|
|
|
|
model: UM.ViewModel { }
|
|
textRole: "name"
|
|
|
|
// update the model's active index
|
|
function updateItemActiveFlags () {
|
|
currentIndex = getActiveIndex()
|
|
for (var i = 0; i < model.rowCount(); i++) {
|
|
model.getItem(i).active = (i == currentIndex)
|
|
}
|
|
}
|
|
|
|
// get the index of the active model item on start
|
|
function getActiveIndex () {
|
|
for (var i = 0; i < model.rowCount(); i++) {
|
|
if (model.getItem(i).active) {
|
|
return i
|
|
}
|
|
}
|
|
return 0
|
|
}
|
|
|
|
// set the active index
|
|
function setActiveIndex (index) {
|
|
UM.Controller.setActiveView(index)
|
|
// the connection to UM.ActiveView will trigger update so there is no reason to call it manually here
|
|
}
|
|
|
|
onCurrentIndexChanged: viewModeButton.setActiveIndex(model.getItem(currentIndex).id)
|
|
currentIndex: getActiveIndex()
|
|
|
|
// watch the active view proxy for changes made from the menu item
|
|
Connections
|
|
{
|
|
target: UM.ActiveView
|
|
onActiveViewChanged: viewModeButton.updateItemActiveFlags()
|
|
}
|
|
}
|
|
|
|
Loader
|
|
{
|
|
id: view_panel
|
|
|
|
anchors.top: viewModeButton.bottom
|
|
anchors.topMargin: UM.Theme.getSize("default_margin").height
|
|
anchors.right: viewModeButton.right
|
|
|
|
property var buttonTarget: Qt.point(viewModeButton.x + viewModeButton.width / 2, viewModeButton.y + viewModeButton.height / 2)
|
|
|
|
height: childrenRect.height
|
|
width: childrenRect.width
|
|
|
|
source: UM.ActiveView.valid ? UM.ActiveView.activeViewPanel : "";
|
|
}
|
|
|
|
}
|