mirror of
https://git.mirrors.martin98.com/https://github.com/Ultimaker/Cura
synced 2025-05-11 17:29:01 +08:00
b434fdb875
Instead of using the size of the other items. This worked when the bar was still part of the larger view, but since it's now below the item it broke it. CURA-4342
634 lines
29 KiB
QML
Executable File
634 lines
29 KiB
QML
Executable File
// Copyright (c) 2017 Ultimaker B.V.
|
|
// Cura is released under the terms of the AGPLv3 or higher.
|
|
|
|
import QtQuick 2.2
|
|
import QtQuick.Controls 1.2
|
|
import QtQuick.Layouts 1.1
|
|
import QtQuick.Controls.Styles 1.1
|
|
|
|
import UM 1.0 as UM
|
|
import Cura 1.0 as Cura
|
|
|
|
Item
|
|
{
|
|
id: base
|
|
width: {
|
|
if (UM.LayerView.compatibilityMode) {
|
|
return UM.Theme.getSize("layerview_menu_size_compatibility").width;
|
|
} else {
|
|
return UM.Theme.getSize("layerview_menu_size").width;
|
|
}
|
|
}
|
|
height: {
|
|
if (UM.LayerView.compatibilityMode) {
|
|
return UM.Theme.getSize("layerview_menu_size_compatibility").height;
|
|
} else if (UM.Preferences.getValue("layerview/layer_view_type") == 0) {
|
|
return UM.Theme.getSize("layerview_menu_size_material_color_mode").height + UM.LayerView.extruderCount * (UM.Theme.getSize("layerview_row").height + UM.Theme.getSize("layerview_row_spacing").height)
|
|
} else {
|
|
return UM.Theme.getSize("layerview_menu_size").height + UM.LayerView.extruderCount * (UM.Theme.getSize("layerview_row").height + UM.Theme.getSize("layerview_row_spacing").height)
|
|
}
|
|
}
|
|
|
|
property var buttonTarget: {
|
|
if(parent != null)
|
|
{
|
|
var force_binding = parent.y; // ensure this gets reevaluated when the panel moves
|
|
return base.mapFromItem(parent.parent, parent.buttonTarget.x, parent.buttonTarget.y)
|
|
}
|
|
return Qt.point(0,0)
|
|
}
|
|
|
|
visible: parent != null ? !parent.parent.monitoringPrint: true
|
|
|
|
UM.PointingRectangle {
|
|
id: layerViewMenu
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
width: parent.width
|
|
height: parent.height
|
|
z: slider.z - 1
|
|
color: UM.Theme.getColor("tool_panel_background")
|
|
borderWidth: UM.Theme.getSize("default_lining").width
|
|
borderColor: UM.Theme.getColor("lining")
|
|
arrowSize: 0 // hide arrow until weird issue with first time rendering is fixed
|
|
|
|
ColumnLayout {
|
|
id: view_settings
|
|
|
|
property var extruder_opacities: UM.Preferences.getValue("layerview/extruder_opacities").split("|")
|
|
property bool show_travel_moves: UM.Preferences.getValue("layerview/show_travel_moves")
|
|
property bool show_helpers: UM.Preferences.getValue("layerview/show_helpers")
|
|
property bool show_skin: UM.Preferences.getValue("layerview/show_skin")
|
|
property bool show_infill: UM.Preferences.getValue("layerview/show_infill")
|
|
// if we are in compatibility mode, we only show the "line type"
|
|
property bool show_legend: UM.LayerView.compatibilityMode ? 1 : UM.Preferences.getValue("layerview/layer_view_type") == 1
|
|
property bool only_show_top_layers: UM.Preferences.getValue("view/only_show_top_layers")
|
|
property int top_layer_count: UM.Preferences.getValue("view/top_layer_count")
|
|
|
|
anchors.top: parent.top
|
|
anchors.topMargin: UM.Theme.getSize("default_margin").height
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: UM.Theme.getSize("default_margin").width
|
|
spacing: UM.Theme.getSize("layerview_row_spacing").height
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: UM.Theme.getSize("default_margin").width
|
|
|
|
Label
|
|
{
|
|
id: layerViewTypesLabel
|
|
anchors.left: parent.left
|
|
text: catalog.i18nc("@label","Color scheme")
|
|
font: UM.Theme.getFont("default");
|
|
visible: !UM.LayerView.compatibilityMode
|
|
Layout.fillWidth: true
|
|
color: UM.Theme.getColor("setting_control_text")
|
|
}
|
|
|
|
ListModel // matches LayerView.py
|
|
{
|
|
id: layerViewTypes
|
|
}
|
|
|
|
Component.onCompleted:
|
|
{
|
|
layerViewTypes.append({
|
|
text: catalog.i18nc("@label:listbox", "Material Color"),
|
|
type_id: 0
|
|
})
|
|
layerViewTypes.append({
|
|
text: catalog.i18nc("@label:listbox", "Line Type"),
|
|
type_id: 1 // these ids match the switching in the shader
|
|
})
|
|
}
|
|
|
|
ComboBox
|
|
{
|
|
id: layerTypeCombobox
|
|
anchors.left: parent.left
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: UM.Theme.getSize("layerview_row").width
|
|
model: layerViewTypes
|
|
visible: !UM.LayerView.compatibilityMode
|
|
style: UM.Theme.styles.combobox
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 10
|
|
|
|
onActivated:
|
|
{
|
|
UM.Preferences.setValue("layerview/layer_view_type", index);
|
|
}
|
|
|
|
Component.onCompleted:
|
|
{
|
|
currentIndex = UM.LayerView.compatibilityMode ? 1 : UM.Preferences.getValue("layerview/layer_view_type");
|
|
updateLegends(currentIndex);
|
|
}
|
|
|
|
function updateLegends(type_id)
|
|
{
|
|
// update visibility of legends
|
|
view_settings.show_legend = UM.LayerView.compatibilityMode || (type_id == 1);
|
|
}
|
|
|
|
}
|
|
|
|
Label
|
|
{
|
|
id: compatibilityModeLabel
|
|
anchors.left: parent.left
|
|
text: catalog.i18nc("@label","Compatibility Mode")
|
|
font: UM.Theme.getFont("default")
|
|
color: UM.Theme.getColor("text")
|
|
visible: UM.LayerView.compatibilityMode
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: UM.Theme.getSize("layerview_row").height
|
|
Layout.preferredWidth: UM.Theme.getSize("layerview_row").width
|
|
}
|
|
|
|
Label
|
|
{
|
|
id: space2Label
|
|
anchors.left: parent.left
|
|
text: " "
|
|
font.pointSize: 0.5
|
|
}
|
|
|
|
Connections {
|
|
target: UM.Preferences
|
|
onPreferenceChanged:
|
|
{
|
|
layerTypeCombobox.currentIndex = UM.LayerView.compatibilityMode ? 1 : UM.Preferences.getValue("layerview/layer_view_type");
|
|
layerTypeCombobox.updateLegends(layerTypeCombobox.currentIndex);
|
|
view_settings.extruder_opacities = UM.Preferences.getValue("layerview/extruder_opacities").split("|");
|
|
view_settings.show_travel_moves = UM.Preferences.getValue("layerview/show_travel_moves");
|
|
view_settings.show_helpers = UM.Preferences.getValue("layerview/show_helpers");
|
|
view_settings.show_skin = UM.Preferences.getValue("layerview/show_skin");
|
|
view_settings.show_infill = UM.Preferences.getValue("layerview/show_infill");
|
|
view_settings.only_show_top_layers = UM.Preferences.getValue("view/only_show_top_layers");
|
|
view_settings.top_layer_count = UM.Preferences.getValue("view/top_layer_count");
|
|
}
|
|
}
|
|
|
|
Repeater {
|
|
model: Cura.ExtrudersModel{}
|
|
CheckBox {
|
|
id: extrudersModelCheckBox
|
|
checked: view_settings.extruder_opacities[index] > 0.5 || view_settings.extruder_opacities[index] == undefined || view_settings.extruder_opacities[index] == ""
|
|
onClicked: {
|
|
view_settings.extruder_opacities[index] = checked ? 1.0 : 0.0
|
|
UM.Preferences.setValue("layerview/extruder_opacities", view_settings.extruder_opacities.join("|"));
|
|
}
|
|
visible: !UM.LayerView.compatibilityMode
|
|
enabled: index + 1 <= 4
|
|
Rectangle {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: extrudersModelCheckBox.right
|
|
anchors.rightMargin: UM.Theme.getSize("default_margin").width
|
|
width: UM.Theme.getSize("layerview_legend_size").width
|
|
height: UM.Theme.getSize("layerview_legend_size").height
|
|
color: model.color
|
|
radius: width / 2
|
|
border.width: UM.Theme.getSize("default_lining").width
|
|
border.color: UM.Theme.getColor("lining")
|
|
visible: !view_settings.show_legend
|
|
}
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: UM.Theme.getSize("layerview_row").height + UM.Theme.getSize("default_lining").height
|
|
Layout.preferredWidth: UM.Theme.getSize("layerview_row").width
|
|
style: UM.Theme.styles.checkbox
|
|
Label
|
|
{
|
|
text: model.name
|
|
elide: Text.ElideRight
|
|
color: UM.Theme.getColor("setting_control_text")
|
|
font: UM.Theme.getFont("default")
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: extrudersModelCheckBox.left;
|
|
anchors.right: extrudersModelCheckBox.right;
|
|
anchors.leftMargin: UM.Theme.getSize("checkbox").width + UM.Theme.getSize("default_margin").width /2
|
|
anchors.rightMargin: UM.Theme.getSize("default_margin").width * 2
|
|
}
|
|
}
|
|
}
|
|
|
|
Repeater {
|
|
model: ListModel {
|
|
id: typesLegenModel
|
|
Component.onCompleted:
|
|
{
|
|
typesLegenModel.append({
|
|
label: catalog.i18nc("@label", "Show Travels"),
|
|
initialValue: view_settings.show_travel_moves,
|
|
preference: "layerview/show_travel_moves",
|
|
colorId: "layerview_move_combing"
|
|
});
|
|
typesLegenModel.append({
|
|
label: catalog.i18nc("@label", "Show Helpers"),
|
|
initialValue: view_settings.show_helpers,
|
|
preference: "layerview/show_helpers",
|
|
colorId: "layerview_support"
|
|
});
|
|
typesLegenModel.append({
|
|
label: catalog.i18nc("@label", "Show Shell"),
|
|
initialValue: view_settings.show_skin,
|
|
preference: "layerview/show_skin",
|
|
colorId: "layerview_inset_0"
|
|
});
|
|
typesLegenModel.append({
|
|
label: catalog.i18nc("@label", "Show Infill"),
|
|
initialValue: view_settings.show_infill,
|
|
preference: "layerview/show_infill",
|
|
colorId: "layerview_infill"
|
|
});
|
|
}
|
|
}
|
|
|
|
CheckBox {
|
|
id: legendModelCheckBox
|
|
checked: model.initialValue
|
|
onClicked: {
|
|
UM.Preferences.setValue(model.preference, checked);
|
|
}
|
|
Rectangle {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: legendModelCheckBox.right
|
|
anchors.rightMargin: UM.Theme.getSize("default_margin").width
|
|
width: UM.Theme.getSize("layerview_legend_size").width
|
|
height: UM.Theme.getSize("layerview_legend_size").height
|
|
color: UM.Theme.getColor(model.colorId)
|
|
border.width: UM.Theme.getSize("default_lining").width
|
|
border.color: UM.Theme.getColor("lining")
|
|
visible: view_settings.show_legend
|
|
}
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: UM.Theme.getSize("layerview_row").height + UM.Theme.getSize("default_lining").height
|
|
Layout.preferredWidth: UM.Theme.getSize("layerview_row").width
|
|
style: UM.Theme.styles.checkbox
|
|
Label
|
|
{
|
|
text: label
|
|
font: UM.Theme.getFont("default")
|
|
elide: Text.ElideRight
|
|
color: UM.Theme.getColor("setting_control_text")
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: legendModelCheckBox.left;
|
|
anchors.right: legendModelCheckBox.right;
|
|
anchors.leftMargin: UM.Theme.getSize("checkbox").width + UM.Theme.getSize("default_margin").width /2
|
|
anchors.rightMargin: UM.Theme.getSize("default_margin").width * 2
|
|
}
|
|
}
|
|
}
|
|
|
|
CheckBox {
|
|
checked: view_settings.only_show_top_layers
|
|
onClicked: {
|
|
UM.Preferences.setValue("view/only_show_top_layers", checked ? 1.0 : 0.0);
|
|
}
|
|
text: catalog.i18nc("@label", "Only Show Top Layers")
|
|
visible: UM.LayerView.compatibilityMode
|
|
style: UM.Theme.styles.checkbox
|
|
}
|
|
CheckBox {
|
|
checked: view_settings.top_layer_count == 5
|
|
onClicked: {
|
|
UM.Preferences.setValue("view/top_layer_count", checked ? 5 : 1);
|
|
}
|
|
text: catalog.i18nc("@label", "Show 5 Detailed Layers On Top")
|
|
visible: UM.LayerView.compatibilityMode
|
|
style: UM.Theme.styles.checkbox
|
|
}
|
|
|
|
Repeater {
|
|
model: ListModel {
|
|
id: typesLegenModelNoCheck
|
|
Component.onCompleted:
|
|
{
|
|
typesLegenModelNoCheck.append({
|
|
label: catalog.i18nc("@label", "Top / Bottom"),
|
|
colorId: "layerview_skin",
|
|
});
|
|
typesLegenModelNoCheck.append({
|
|
label: catalog.i18nc("@label", "Inner Wall"),
|
|
colorId: "layerview_inset_x",
|
|
});
|
|
}
|
|
}
|
|
|
|
Label {
|
|
text: label
|
|
visible: view_settings.show_legend
|
|
id: typesLegendModelLabel
|
|
Rectangle {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: typesLegendModelLabel.right
|
|
anchors.rightMargin: UM.Theme.getSize("default_margin").width
|
|
width: UM.Theme.getSize("layerview_legend_size").width
|
|
height: UM.Theme.getSize("layerview_legend_size").height
|
|
color: UM.Theme.getColor(model.colorId)
|
|
border.width: UM.Theme.getSize("default_lining").width
|
|
border.color: UM.Theme.getColor("lining")
|
|
visible: view_settings.show_legend
|
|
}
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: UM.Theme.getSize("layerview_row").height + UM.Theme.getSize("default_lining").height
|
|
Layout.preferredWidth: UM.Theme.getSize("layerview_row").width
|
|
color: UM.Theme.getColor("setting_control_text")
|
|
font: UM.Theme.getFont("default")
|
|
}
|
|
}
|
|
}
|
|
|
|
Item
|
|
{
|
|
id: slider
|
|
width: handleSize
|
|
height: UM.Theme.getSize("layerview_menu_size").height
|
|
anchors.top: parent.bottom
|
|
anchors.topMargin: UM.Theme.getSize("slider_layerview_margin").height
|
|
anchors.right: layerViewMenu.right
|
|
anchors.rightMargin: UM.Theme.getSize("slider_layerview_margin").width
|
|
|
|
property real handleSize: UM.Theme.getSize("slider_handle").width
|
|
property real handleRadius: handleSize / 2
|
|
property real minimumRangeHandleSize: UM.Theme.getSize("slider_handle").width / 2
|
|
property real trackThickness: UM.Theme.getSize("slider_groove").width
|
|
property real trackRadius: trackThickness / 2
|
|
property real trackBorderWidth: UM.Theme.getSize("default_lining").width / 2
|
|
property color upperHandleColor: UM.Theme.getColor("slider_handle")
|
|
property color lowerHandleColor: UM.Theme.getColor("slider_handle")
|
|
property color rangeHandleColor: UM.Theme.getColor("slider_groove_fill")
|
|
property color trackColor: UM.Theme.getColor("slider_groove")
|
|
property color trackBorderColor: UM.Theme.getColor("slider_groove_border")
|
|
|
|
property real maximumValue: UM.LayerView.numLayers
|
|
property real minimumValue: 0
|
|
property real minimumRange: 0
|
|
property bool roundValues: true
|
|
|
|
property var activeHandle: upperHandle
|
|
property bool layersVisible: UM.LayerView.layerActivity && CuraApplication.platformActivity ? true : false
|
|
|
|
function getUpperValueFromHandle()
|
|
{
|
|
var result = upperHandle.y / (height - (2 * handleSize + minimumRangeHandleSize));
|
|
result = maximumValue + result * (minimumValue - (maximumValue - minimumRange));
|
|
result = roundValues ? Math.round(result) | 0 : result;
|
|
return result;
|
|
}
|
|
|
|
function getLowerValueFromHandle()
|
|
{
|
|
var result = (lowerHandle.y - (handleSize + minimumRangeHandleSize)) / (height - (2 * handleSize + minimumRangeHandleSize));
|
|
result = maximumValue - minimumRange + result * (minimumValue - (maximumValue - minimumRange));
|
|
result = roundValues ? Math.round(result) : result;
|
|
return result;
|
|
}
|
|
|
|
function setUpperValue(value)
|
|
{
|
|
var value = (value - maximumValue) / (minimumValue - maximumValue);
|
|
var new_upper_y = Math.round(value * (height - (2 * handleSize + minimumRangeHandleSize)));
|
|
|
|
if(new_upper_y != upperHandle.y)
|
|
{
|
|
upperHandle.y = new_upper_y;
|
|
}
|
|
rangeHandle.height = lowerHandle.y - (upperHandle.y + upperHandle.height);
|
|
}
|
|
|
|
function setLowerValue(value)
|
|
{
|
|
var value = (value - maximumValue) / (minimumValue - maximumValue);
|
|
var new_lower_y = Math.round((handleSize + minimumRangeHandleSize) + value * (height - (2 * handleSize + minimumRangeHandleSize)));
|
|
|
|
if(new_lower_y != lowerHandle.y)
|
|
{
|
|
lowerHandle.y = new_lower_y;
|
|
}
|
|
rangeHandle.height = lowerHandle.y - (upperHandle.y + upperHandle.height);
|
|
}
|
|
|
|
Connections
|
|
{
|
|
target: UM.LayerView
|
|
onMinimumLayerChanged: slider.setLowerValue(UM.LayerView.minimumLayer)
|
|
onCurrentLayerChanged: slider.setUpperValue(UM.LayerView.currentLayer)
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.trackThickness
|
|
height: parent.height - parent.handleSize
|
|
radius: parent.trackRadius
|
|
anchors.centerIn: parent
|
|
color: parent.trackColor
|
|
border.width: parent.trackBorderWidth;
|
|
border.color: parent.trackBorderColor;
|
|
visible: slider.layersVisible
|
|
}
|
|
|
|
Item {
|
|
id: rangeHandle
|
|
y: upperHandle.y + upperHandle.height
|
|
width: parent.handleSize
|
|
height: parent.minimumRangeHandleSize
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
visible: slider.layersVisible
|
|
|
|
property real value: UM.LayerView.currentLayer
|
|
function setValue(value)
|
|
{
|
|
var range = upperHandle.value - lowerHandle.value;
|
|
value = Math.min(value, slider.maximumValue);
|
|
value = Math.max(value, slider.minimumValue + range);
|
|
UM.LayerView.setCurrentLayer(value);
|
|
UM.LayerView.setMinimumLayer(value - range);
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.centerIn: parent
|
|
width: parent.parent.trackThickness - 2 * parent.parent.trackBorderWidth
|
|
height: parent.height + parent.parent.handleSize
|
|
color: parent.parent.rangeHandleColor
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
|
|
drag.target: parent
|
|
drag.axis: Drag.YAxis
|
|
drag.minimumY: upperHandle.height
|
|
drag.maximumY: parent.parent.height - (parent.height + lowerHandle.height)
|
|
|
|
onPressed: parent.parent.activeHandle = rangeHandle
|
|
onPositionChanged:
|
|
{
|
|
upperHandle.y = parent.y - upperHandle.height
|
|
lowerHandle.y = parent.y + parent.height
|
|
|
|
var upper_value = slider.getUpperValueFromHandle();
|
|
var lower_value = upper_value - (upperHandle.value - lowerHandle.value);
|
|
UM.LayerView.setCurrentLayer(upper_value);
|
|
UM.LayerView.setMinimumLayer(lower_value);
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: upperHandle
|
|
y: parent.height - (parent.minimumRangeHandleSize + 2 * parent.handleSize)
|
|
width: parent.handleSize
|
|
height: parent.handleSize
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
radius: parent.handleRadius
|
|
color: parent.upperHandleColor
|
|
//border.width: UM.Theme.getSize("default_lining").width
|
|
//border.color: UM.Theme.getColor("slider_handle_border")
|
|
|
|
visible: slider.layersVisible
|
|
|
|
property real value: UM.LayerView.currentLayer
|
|
function setValue(value)
|
|
{
|
|
UM.LayerView.setCurrentLayer(value);
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
|
|
drag.target: parent
|
|
drag.axis: Drag.YAxis
|
|
drag.minimumY: 0
|
|
drag.maximumY: parent.parent.height - (2 * parent.parent.handleSize + parent.parent.minimumRangeHandleSize)
|
|
|
|
onPressed: parent.parent.activeHandle = upperHandle
|
|
onPositionChanged:
|
|
{
|
|
if(lowerHandle.y - (upperHandle.y + upperHandle.height) < parent.parent.minimumRangeHandleSize)
|
|
{
|
|
lowerHandle.y = upperHandle.y + upperHandle.height + parent.parent.minimumRangeHandleSize;
|
|
}
|
|
rangeHandle.height = lowerHandle.y - (upperHandle.y + upperHandle.height);
|
|
|
|
UM.LayerView.setCurrentLayer(slider.getUpperValueFromHandle());
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: lowerHandle
|
|
y: parent.height - parent.handleSize
|
|
width: parent.handleSize
|
|
height: parent.handleSize
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
radius: parent.handleRadius
|
|
color: parent.lowerHandleColor
|
|
// border.width: UM.Theme.getSize("default_lining").width
|
|
// border.color: UM.Theme.getColor("slider_handle_border")
|
|
|
|
visible: slider.layersVisible
|
|
|
|
property real value: UM.LayerView.minimumLayer
|
|
function setValue(value)
|
|
{
|
|
UM.LayerView.setMinimumLayer(value);
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
|
|
drag.target: parent
|
|
drag.axis: Drag.YAxis
|
|
drag.minimumY: upperHandle.height + parent.parent.minimumRangeHandleSize
|
|
drag.maximumY: parent.parent.height - parent.height
|
|
|
|
onPressed: parent.parent.activeHandle = lowerHandle
|
|
onPositionChanged:
|
|
{
|
|
if(lowerHandle.y - (upperHandle.y + upperHandle.height) < parent.parent.minimumRangeHandleSize)
|
|
{
|
|
upperHandle.y = lowerHandle.y - (upperHandle.height + parent.parent.minimumRangeHandleSize);
|
|
}
|
|
rangeHandle.height = lowerHandle.y - (upperHandle.y + upperHandle.height)
|
|
|
|
UM.LayerView.setMinimumLayer(slider.getLowerValueFromHandle());
|
|
}
|
|
}
|
|
}
|
|
|
|
UM.PointingRectangle
|
|
{
|
|
x: parent.width - UM.Theme.getSize("slider_layerview_background").width / 2 - width;
|
|
y: Math.floor(slider.activeHandle.y + slider.activeHandle.height / 2 - height / 2);
|
|
|
|
target: Qt.point(parent.width, slider.activeHandle.y + slider.activeHandle.height / 2)
|
|
arrowSize: UM.Theme.getSize("default_arrow").width
|
|
|
|
height: UM.Theme.getSize("slider_handle").height + UM.Theme.getSize("default_margin").height
|
|
width: valueLabel.width + UM.Theme.getSize("default_margin").width
|
|
Behavior on height { NumberAnimation { duration: 50; } }
|
|
|
|
color: UM.Theme.getColor("tool_panel_background")
|
|
borderColor: UM.Theme.getColor("lining")
|
|
borderWidth: UM.Theme.getSize("default_lining").width
|
|
|
|
visible: slider.layersVisible
|
|
|
|
MouseArea //Catch all mouse events (so scene doesnt handle them)
|
|
{
|
|
anchors.fill: parent
|
|
}
|
|
|
|
TextField
|
|
{
|
|
id: valueLabel
|
|
property string maxValue: slider.maximumValue + 1
|
|
text: slider.activeHandle.value + 1
|
|
horizontalAlignment: TextInput.AlignRight;
|
|
onEditingFinished:
|
|
{
|
|
// Ensure that the cursor is at the first position. On some systems the text isn't fully visible
|
|
// Seems to have to do something with different dpi densities that QML doesn't quite handle.
|
|
// Another option would be to increase the size even further, but that gives pretty ugly results.
|
|
cursorPosition = 0;
|
|
if(valueLabel.text != '')
|
|
{
|
|
slider.activeHandle.setValue(valueLabel.text - 1);
|
|
}
|
|
}
|
|
validator: IntValidator { bottom: 1; top: slider.maximumValue + 1; }
|
|
|
|
anchors.left: parent.left;
|
|
anchors.leftMargin: UM.Theme.getSize("default_margin").width / 2;
|
|
anchors.verticalCenter: parent.verticalCenter;
|
|
|
|
width: Math.max(UM.Theme.getSize("line").width * maxValue.length + 2, 20);
|
|
style: TextFieldStyle
|
|
{
|
|
textColor: UM.Theme.getColor("setting_control_text");
|
|
font: UM.Theme.getFont("default");
|
|
background: Item { }
|
|
}
|
|
|
|
Keys.onUpPressed: slider.activeHandle.setValue(slider.activeHandle.value + ((event.modifiers & Qt.ShiftModifier) ? 10 : 1))
|
|
Keys.onDownPressed: slider.activeHandle.setValue(slider.activeHandle.value - ((event.modifiers & Qt.ShiftModifier) ? 10 : 1))
|
|
}
|
|
|
|
BusyIndicator
|
|
{
|
|
id: busyIndicator;
|
|
anchors.left: parent.right;
|
|
anchors.leftMargin: UM.Theme.getSize("default_margin").width / 2;
|
|
anchors.verticalCenter: parent.verticalCenter;
|
|
|
|
width: UM.Theme.getSize("slider_handle").height;
|
|
height: width;
|
|
|
|
running: UM.LayerView.busy;
|
|
visible: UM.LayerView.busy;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|