mirror of
https://git.mirrors.martin98.com/https://github.com/Ultimaker/Cura
synced 2025-05-21 20:19:32 +08:00
b2f13cc6c9
Put content of category button in a `RowLayout` so individual content Components can easily be removed by hiding said component while keeping margins and spacings work as intended. Additionaly make the icon property optional CURA-8979
116 lines
3.8 KiB
QML
116 lines
3.8 KiB
QML
// Copyright (c) 2022 Ultimaker B.V.
|
|
// Uranium is released under the terms of the LGPLv3 or higher.
|
|
|
|
// Button used to collapse and de-collapse group, or a category, of settings
|
|
// the button contains
|
|
// - the title of the category,
|
|
// - an optional icon and
|
|
// - a chevron button to display the colapsetivity of the settings
|
|
// Mainly used for the collapsable categories in the settings pannel
|
|
|
|
import QtQuick 2.2
|
|
import QtQuick.Controls 2.1
|
|
import QtQuick.Layouts 1.1
|
|
|
|
import UM 1.5 as UM
|
|
|
|
Button
|
|
{
|
|
id: base
|
|
|
|
height: UM.Theme.getSize("section_header").height
|
|
|
|
property var expanded: false
|
|
|
|
property alias arrow: categoryArrow
|
|
property alias categoryIcon: icon.source
|
|
property alias labelText: categoryLabel.text
|
|
property alias labelFont: categoryLabel.font
|
|
|
|
states:
|
|
[
|
|
State
|
|
{
|
|
name: "disabled"
|
|
when: !base.enabled
|
|
PropertyChanges { target: categoryLabel; color: UM.Theme.getColor("setting_category_disabled_text") }
|
|
PropertyChanges { target: icon; color: UM.Theme.getColor("setting_category_disabled_text") }
|
|
PropertyChanges { target: backgroundRectangle; color: UM.Theme.getColor("setting_category_disabled") }
|
|
},
|
|
State
|
|
{
|
|
name: "hovered"
|
|
when: base.hovered
|
|
PropertyChanges { target: categoryLabel; color: UM.Theme.getColor("setting_category_active_text") }
|
|
PropertyChanges { target: icon; color: UM.Theme.getColor("setting_category_active_text") }
|
|
PropertyChanges { target: backgroundRectangle; color: UM.Theme.getColor("setting_category_hover") }
|
|
},
|
|
State
|
|
{
|
|
name: "active"
|
|
when: base.pressed || base.activeFocus
|
|
PropertyChanges { target: categoryLabel; color: UM.Theme.getColor("setting_category_active_text") }
|
|
PropertyChanges { target: icon; color: UM.Theme.getColor("setting_category_active_text") }
|
|
PropertyChanges { target: backgroundRectangle; color: UM.Theme.getColor("setting_category") }
|
|
}
|
|
]
|
|
|
|
background: Rectangle
|
|
{
|
|
id: backgroundRectangle
|
|
|
|
color: UM.Theme.getColor("setting_category")
|
|
Behavior on color { ColorAnimation { duration: 50 } }
|
|
|
|
// Lining on top
|
|
Rectangle
|
|
{
|
|
anchors.top: parent.top
|
|
color: UM.Theme.getColor("border_main")
|
|
height: UM.Theme.getSize("default_lining").height
|
|
width: parent.width
|
|
}
|
|
}
|
|
|
|
contentItem: RowLayout
|
|
{
|
|
id: content
|
|
spacing: UM.Theme.getSize("narrow_margin").width
|
|
|
|
UM.RecolorImage
|
|
{
|
|
id: icon
|
|
source: ""
|
|
visible: icon.source != ""
|
|
Layout.alignment: Qt.AlignHCenter
|
|
color: UM.Theme.getColor("setting_category_text")
|
|
width: UM.Theme.getSize("section_icon").width
|
|
height: UM.Theme.getSize("section_icon").height
|
|
sourceSize.width: width
|
|
sourceSize.height: width
|
|
}
|
|
|
|
UM.Label
|
|
{
|
|
id: categoryLabel
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
elide: Text.ElideRight
|
|
wrapMode: Text.NoWrap
|
|
font: UM.Theme.getFont("medium_bold")
|
|
color: UM.Theme.getColor("setting_category_text")
|
|
}
|
|
|
|
UM.RecolorImage
|
|
{
|
|
id: categoryArrow
|
|
Layout.alignment: Qt.AlignHCenter
|
|
width: UM.Theme.getSize("standard_arrow").width
|
|
height: UM.Theme.getSize("standard_arrow").height
|
|
sourceSize.width: width
|
|
sourceSize.height: height
|
|
color: UM.Theme.getColor("setting_control_button")
|
|
source: expanded ? UM.Theme.getIcon("ChevronSingleDown") : UM.Theme.getIcon("ChevronSingleLeft")
|
|
}
|
|
}
|
|
} |