mirror of
https://github.com/Ultimaker/Cura.git
synced 2025-07-22 22:23:57 -06:00
294b67f72f
In order for that to be possible, the background border of the ExpandablePopup and the ExpandableComponent had to be exposed. In addition, since in the `RowLayout` the `ConfigurationMenu` and the `MachineSelector` both draw a border around them, it means that there will be a double "divider" (one border line from each button). To overcome that, we set the spacing of the `RowLayout` as a `- border_width`, which ensures then that there will be only a single line of border between the two adjacent buttons. CURA-8013
122 lines
4.2 KiB
QML
122 lines
4.2 KiB
QML
// Copyright (c) 2018 Ultimaker B.V.
|
|
// Cura is released under the terms of the LGPLv3 or higher.
|
|
|
|
import QtQuick 2.7
|
|
import QtQuick.Layouts 1.1
|
|
import QtQuick.Controls 2.3
|
|
|
|
import UM 1.3 as UM
|
|
import Cura 1.1 as Cura
|
|
|
|
import QtGraphicalEffects 1.0 // For the dropshadow
|
|
|
|
Item
|
|
{
|
|
id: prepareMenu
|
|
|
|
UM.I18nCatalog
|
|
{
|
|
id: catalog
|
|
name: "cura"
|
|
}
|
|
|
|
anchors
|
|
{
|
|
left: parent.left
|
|
right: parent.right
|
|
leftMargin: UM.Theme.getSize("wide_margin").width
|
|
rightMargin: UM.Theme.getSize("wide_margin").width
|
|
}
|
|
|
|
// Item to ensure that all of the buttons are nicely centered.
|
|
Item
|
|
{
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
width: parent.width - 2 * UM.Theme.getSize("wide_margin").width
|
|
height: parent.height
|
|
|
|
RowLayout
|
|
{
|
|
id: itemRow
|
|
|
|
anchors.left: openFileButton.right
|
|
anchors.right: parent.right
|
|
anchors.leftMargin: UM.Theme.getSize("default_margin").width
|
|
|
|
height: parent.height
|
|
// This is a trick to make sure that the borders of the two adjacent buttons' borders overlap. Otherwise
|
|
// there will be double border (one from each button)
|
|
spacing: -UM.Theme.getSize("default_lining").width
|
|
|
|
Cura.MachineSelector
|
|
{
|
|
id: machineSelection
|
|
headerCornerSide: Cura.RoundedRectangle.Direction.Left
|
|
headerBackgroundBorder.width: UM.Theme.getSize("default_lining").width
|
|
headerBackgroundBorder.color: UM.Theme.getColor("lining")
|
|
enableHeaderShadow: false
|
|
Layout.preferredWidth: Math.round((itemRow.width - printSetupSelectorItem.width - UM.Theme.getSize("default_lining").width) * 1 / 3 - UM.Theme.getSize("default_lining").width)
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
}
|
|
|
|
Cura.ConfigurationMenu
|
|
{
|
|
id: printerSetup
|
|
enableHeaderShadow: false
|
|
headerBackgroundBorder.width: UM.Theme.getSize("default_lining").width
|
|
headerBackgroundBorder.color: UM.Theme.getColor("lining")
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: Math.round((itemRow.width - printSetupSelectorItem.width - UM.Theme.getSize("default_lining").width) * 2 / 3 - UM.Theme.getSize("default_lining").width)
|
|
}
|
|
|
|
Item
|
|
{
|
|
id: printSetupSelectorItem
|
|
// This is a work around to prevent the printSetupSelector from having to be re-loaded every time
|
|
// a stage switch is done.
|
|
children: [printSetupSelector]
|
|
height: childrenRect.height
|
|
width: childrenRect.width
|
|
}
|
|
}
|
|
|
|
Button
|
|
{
|
|
id: openFileButton
|
|
height: UM.Theme.getSize("stage_menu").height
|
|
width: UM.Theme.getSize("stage_menu").height
|
|
onClicked: Cura.Actions.open.trigger()
|
|
hoverEnabled: true
|
|
|
|
contentItem: Item
|
|
{
|
|
anchors.fill: parent
|
|
UM.RecolorImage
|
|
{
|
|
id: buttonIcon
|
|
anchors.centerIn: parent
|
|
source: UM.Theme.getIcon("load")
|
|
width: UM.Theme.getSize("button_icon").width
|
|
height: UM.Theme.getSize("button_icon").height
|
|
color: UM.Theme.getColor("icon")
|
|
|
|
sourceSize.height: height
|
|
}
|
|
}
|
|
|
|
background: Rectangle
|
|
{
|
|
id: background
|
|
height: UM.Theme.getSize("stage_menu").height
|
|
width: UM.Theme.getSize("stage_menu").height
|
|
border.color: UM.Theme.getColor("lining")
|
|
border.width: UM.Theme.getSize("default_lining").width
|
|
|
|
radius: UM.Theme.getSize("default_radius").width
|
|
color: openFileButton.hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("action_button")
|
|
}
|
|
}
|
|
}
|
|
}
|