123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809 |
- import QtQuick 2.10
- import QtQuick.Controls 1.4
- import QtQuick.Controls.Styles 1.4
- import UM 1.1 as UM
- QtObject
- {
- property Component print_setup_header_button: Component
- {
- ButtonStyle
- {
- background: Rectangle
- {
- color:
- {
- if(control.enabled)
- {
- if(control.valueError)
- {
- return Theme.getColor("setting_validation_error_background");
- }
- else if(control.valueWarning)
- {
- return Theme.getColor("setting_validation_warning_background");
- }
- else
- {
- return Theme.getColor("setting_control");
- }
- }
- else
- {
- return Theme.getColor("setting_control_disabled");
- }
- }
- radius: UM.Theme.getSize("setting_control_radius").width
- border.width: Theme.getSize("default_lining").width
- border.color:
- {
- if (control.enabled)
- {
- if (control.valueError)
- {
- return Theme.getColor("setting_validation_error");
- }
- else if (control.valueWarning)
- {
- return Theme.getColor("setting_validation_warning");
- }
- else if (control.hovered)
- {
- return Theme.getColor("setting_control_border_highlight");
- }
- else
- {
- return Theme.getColor("setting_control_border");
- }
- }
- else
- {
- return Theme.getColor("setting_control_disabled_border");
- }
- }
- UM.RecolorImage
- {
- id: downArrow
- anchors.verticalCenter: parent.verticalCenter
- anchors.right: parent.right
- anchors.rightMargin: Theme.getSize("default_margin").width
- width: Theme.getSize("standard_arrow").width
- height: Theme.getSize("standard_arrow").height
- sourceSize.height: width
- color: control.enabled ? Theme.getColor("setting_control_button") : Theme.getColor("setting_category_disabled_text")
- source: Theme.getIcon("arrow_bottom")
- }
- Label
- {
- id: printSetupComboBoxLabel
- color: control.enabled ? Theme.getColor("setting_control_text") : Theme.getColor("setting_control_disabled_text")
- text: control.text;
- elide: Text.ElideRight;
- anchors.left: parent.left;
- anchors.leftMargin: Theme.getSize("setting_unit_margin").width
- anchors.right: downArrow.left;
- anchors.rightMargin: control.rightMargin;
- anchors.verticalCenter: parent.verticalCenter;
- font: Theme.getFont("default")
- }
- }
- label: Label{}
- }
- }
- property Component main_window_header_tab: Component
- {
- ButtonStyle
- {
-
- property var buttonWidth: 0
- background: Rectangle
- {
- id: backgroundRectangle
- implicitHeight: control.height
- implicitWidth: buttonWidth
- radius: UM.Theme.getSize("action_button_radius").width
- color:
- {
- if (control.checked)
- {
- return UM.Theme.getColor("main_window_header_button_background_active")
- }
- else
- {
- if (control.hovered)
- {
- return UM.Theme.getColor("main_window_header_button_background_hovered")
- }
- return UM.Theme.getColor("main_window_header_button_background_inactive")
- }
- }
- }
- label: Item
- {
- id: contents
- anchors.horizontalCenter: parent.horizontalCenter
- anchors.verticalCenter: parent.verticalCenter
- height: control.height
- width: buttonLabel.width + 4 * UM.Theme.getSize("default_margin").width
- Label
- {
- id: buttonLabel
- text: control.text
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font: UM.Theme.getFont("medium")
- color:
- {
- if (control.checked)
- {
- return UM.Theme.getColor("main_window_header_button_text_active")
- }
- else
- {
- if (control.hovered)
- {
- return UM.Theme.getColor("main_window_header_button_text_hovered")
- }
- return UM.Theme.getColor("main_window_header_button_text_inactive")
- }
- }
- }
- Component.onCompleted:
- {
- buttonWidth = width
- }
- }
- }
- }
- property Component tool_button: Component
- {
- ButtonStyle
- {
- background: Item
- {
- implicitWidth: Theme.getSize("button").width
- implicitHeight: Theme.getSize("button").height
- UM.PointingRectangle
- {
- id: button_tooltip
- anchors.left: parent.right
- anchors.leftMargin: Theme.getSize("button_tooltip_arrow").width * 2
- anchors.verticalCenter: parent.verticalCenter
- target: Qt.point(parent.x, y + Math.round(height/2))
- arrowSize: Theme.getSize("button_tooltip_arrow").width
- color: Theme.getColor("button_tooltip")
- opacity: control.hovered ? 1.0 : 0.0;
- visible: control.text != ""
- width: control.hovered ? button_tip.width + Theme.getSize("button_tooltip").width : 0
- height: Theme.getSize("button_tooltip").height
- Behavior on width { NumberAnimation { duration: 100; } }
- Behavior on opacity { NumberAnimation { duration: 100; } }
- Label
- {
- id: button_tip
- anchors.horizontalCenter: parent.horizontalCenter
- anchors.verticalCenter: parent.verticalCenter
- text: control.text
- font: Theme.getFont("default")
- color: Theme.getColor("tooltip_text")
- }
- }
- Rectangle
- {
- id: buttonFace
- anchors.fill: parent
- property bool down: control.pressed || (control.checkable && control.checked)
- color:
- {
- if(control.customColor !== undefined && control.customColor !== null)
- {
- return control.customColor
- }
- else if(control.checkable && control.checked && control.hovered)
- {
- return Theme.getColor("toolbar_button_active_hover")
- }
- else if(control.pressed || (control.checkable && control.checked))
- {
- return Theme.getColor("toolbar_button_active")
- }
- else if(control.hovered)
- {
- return Theme.getColor("toolbar_button_hover")
- }
- return Theme.getColor("toolbar_background")
- }
- Behavior on color { ColorAnimation { duration: 50; } }
- border.width: (control.hasOwnProperty("needBorder") && control.needBorder) ? Theme.getSize("default_lining").width : 0
- border.color: control.checked ? Theme.getColor("icon") : Theme.getColor("lining")
- }
- }
- label: Item
- {
- UM.RecolorImage
- {
- anchors.centerIn: parent
- opacity: control.enabled ? 1.0 : 0.2
- source: control.iconSource
- width: Theme.getSize("button_icon").width
- height: Theme.getSize("button_icon").height
- color: Theme.getColor("icon")
- sourceSize: Theme.getSize("button_icon")
- }
- }
- }
- }
- property Component progressbar: Component
- {
- ProgressBarStyle
- {
- background: Rectangle
- {
- implicitWidth: Theme.getSize("message").width - (Theme.getSize("default_margin").width * 2)
- implicitHeight: Theme.getSize("progressbar").height
- color: control.hasOwnProperty("backgroundColor") ? control.backgroundColor : Theme.getColor("progressbar_background")
- radius: Theme.getSize("progressbar_radius").width
- }
- progress: Rectangle
- {
- color:
- {
- if(control.indeterminate)
- {
- return "transparent";
- }
- else if(control.hasOwnProperty("controlColor"))
- {
- return control.controlColor;
- }
- else
- {
- return Theme.getColor("progressbar_control");
- }
- }
- radius: Theme.getSize("progressbar_radius").width
- Rectangle
- {
- radius: Theme.getSize("progressbar_radius").width
- color: control.hasOwnProperty("controlColor") ? control.controlColor : Theme.getColor("progressbar_control")
- width: Theme.getSize("progressbar_control").width
- height: Theme.getSize("progressbar_control").height
- visible: control.indeterminate
- SequentialAnimation on x
- {
- id: xAnim
- property int animEndPoint: Theme.getSize("message").width - Math.round((Theme.getSize("default_margin").width * 2.5)) - Theme.getSize("progressbar_control").width
- running: control.indeterminate && control.visible
- loops: Animation.Infinite
- NumberAnimation { from: 0; to: xAnim.animEndPoint; duration: 2000;}
- NumberAnimation { from: xAnim.animEndPoint; to: 0; duration: 2000;}
- }
- }
- }
- }
- }
- property Component scrollview: Component
- {
- ScrollViewStyle
- {
- decrementControl: Item { }
- incrementControl: Item { }
- transientScrollBars: false
- scrollBarBackground: Rectangle
- {
- implicitWidth: Theme.getSize("scrollbar").width
- radius: Math.round(implicitWidth / 2)
- color: Theme.getColor("scrollbar_background")
- }
- handle: Rectangle
- {
- id: scrollViewHandle
- implicitWidth: Theme.getSize("scrollbar").width
- radius: Math.round(implicitWidth / 2)
- color: styleData.pressed ? Theme.getColor("scrollbar_handle_down") : styleData.hovered ? Theme.getColor("scrollbar_handle_hover") : Theme.getColor("scrollbar_handle")
- Behavior on color { ColorAnimation { duration: 50; } }
- }
- }
- }
- property Component combobox: Component
- {
- ComboBoxStyle
- {
- background: Rectangle
- {
- implicitHeight: Theme.getSize("setting_control").height;
- implicitWidth: Theme.getSize("setting_control").width;
- color: control.hovered ? UM.Theme.getColor("setting_control_highlight") : UM.Theme.getColor("setting_control")
- Behavior on color { ColorAnimation { duration: 50; } }
- border.width: Theme.getSize("default_lining").width;
- border.color: control.hovered ? Theme.getColor("setting_control_border_highlight") : Theme.getColor("setting_control_border");
- radius: UM.Theme.getSize("setting_control_radius").width
- }
- label: Item
- {
- Label
- {
- anchors.left: parent.left
- anchors.leftMargin: Theme.getSize("default_lining").width
- anchors.right: downArrow.left
- anchors.rightMargin: Theme.getSize("default_lining").width
- anchors.verticalCenter: parent.verticalCenter
- text: control.currentText
- font: Theme.getFont("default");
- color: !enabled ? Theme.getColor("setting_control_disabled_text") : Theme.getColor("setting_control_text")
- elide: Text.ElideRight
- verticalAlignment: Text.AlignVCenter
- }
- UM.RecolorImage
- {
- id: downArrow
- anchors.right: parent.right
- anchors.rightMargin: Theme.getSize("default_lining").width * 2
- anchors.verticalCenter: parent.verticalCenter
- source: Theme.getIcon("arrow_bottom")
- width: Theme.getSize("standard_arrow").width
- height: Theme.getSize("standard_arrow").height
- sourceSize.width: width + 5 * screenScaleFactor
- sourceSize.height: width + 5 * screenScaleFactor
- color: Theme.getColor("setting_control_button");
- }
- }
- }
- }
- property Component checkbox: Component
- {
- CheckBoxStyle
- {
- background: Item { }
- indicator: Rectangle
- {
- implicitWidth: Theme.getSize("checkbox").width
- implicitHeight: Theme.getSize("checkbox").height
- color: (control.hovered || control._hovered) ? Theme.getColor("checkbox_hover") : (control.enabled ? Theme.getColor("checkbox") : Theme.getColor("checkbox_disabled"))
- Behavior on color { ColorAnimation { duration: 50; } }
- radius: control.exclusiveGroup ? Math.round(Theme.getSize("checkbox").width / 2) : Theme.getSize("checkbox_radius").width
- border.width: Theme.getSize("default_lining").width
- border.color: (control.hovered || control._hovered) ? Theme.getColor("checkbox_border_hover") : Theme.getColor("checkbox_border")
- UM.RecolorImage
- {
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- width: Math.round(parent.width / 2.5)
- height: Math.round(parent.height / 2.5)
- sourceSize.height: width
- color: Theme.getColor("checkbox_mark")
- source: control.exclusiveGroup ? Theme.getIcon("dot") : Theme.getIcon("check")
- opacity: control.checked
- Behavior on opacity { NumberAnimation { duration: 100; } }
- }
- }
- label: Label
- {
- text: control.text
- color: Theme.getColor("checkbox_text")
- font: Theme.getFont("default")
- elide: Text.ElideRight
- renderType: Text.NativeRendering
- }
- }
- }
- property Component partially_checkbox: Component
- {
- CheckBoxStyle
- {
- background: Item { }
- indicator: Rectangle
- {
- implicitWidth: Theme.getSize("checkbox").width
- implicitHeight: Theme.getSize("checkbox").height
- color: (control.hovered || control._hovered) ? Theme.getColor("checkbox_hover") : Theme.getColor("checkbox");
- Behavior on color { ColorAnimation { duration: 50; } }
- radius: control.exclusiveGroup ? Math.round(Theme.getSize("checkbox").width / 2) : UM.Theme.getSize("checkbox_radius").width
- border.width: Theme.getSize("default_lining").width;
- border.color: (control.hovered || control._hovered) ? Theme.getColor("checkbox_border_hover") : Theme.getColor("checkbox_border");
- UM.RecolorImage
- {
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- width: Math.round(parent.width / 2.5)
- height: Math.round(parent.height / 2.5)
- sourceSize.height: width
- color: Theme.getColor("checkbox_mark")
- source:
- {
- if (control.checkbox_state == 2)
- {
- return Theme.getIcon("solid");
- }
- else
- {
- return control.exclusiveGroup ? Theme.getIcon("dot") : Theme.getIcon("check");
- }
- }
- opacity: control.checked
- Behavior on opacity { NumberAnimation { duration: 100; } }
- }
- }
- label: Label
- {
- text: control.text
- color: Theme.getColor("checkbox_text")
- font: Theme.getFont("default")
- }
- }
- }
- property Component text_field: Component
- {
- TextFieldStyle
- {
- textColor: Theme.getColor("setting_control_text")
- placeholderTextColor: Theme.getColor("setting_control_text")
- font: Theme.getFont("default")
- background: Rectangle
- {
- implicitHeight: control.height;
- implicitWidth: control.width;
- border.width: Theme.getSize("default_lining").width;
- border.color: control.hovered ? Theme.getColor("setting_control_border_highlight") : Theme.getColor("setting_control_border");
- radius: UM.Theme.getSize("setting_control_radius").width
- color: Theme.getColor("setting_validation_ok");
- Label
- {
- anchors.right: parent.right;
- anchors.rightMargin: Theme.getSize("setting_unit_margin").width;
- anchors.verticalCenter: parent.verticalCenter;
- text: control.unit ? control.unit : ""
- color: Theme.getColor("setting_unit");
- font: Theme.getFont("default");
- renderType: Text.NativeRendering
- }
- }
- }
- }
- property Component print_setup_action_button: Component
- {
- ButtonStyle
- {
- background: Rectangle
- {
- border.width: UM.Theme.getSize("default_lining").width
- border.color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled_border");
- }
- else if(control.pressed)
- {
- return UM.Theme.getColor("action_button_active_border");
- }
- else if(control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered_border");
- }
- else
- {
- return UM.Theme.getColor("action_button_border");
- }
- }
- color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled");
- }
- else if(control.pressed)
- {
- return UM.Theme.getColor("action_button_active");
- }
- else if(control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered");
- }
- else
- {
- return UM.Theme.getColor("action_button");
- }
- }
- Behavior on color { ColorAnimation { duration: 50 } }
- implicitWidth: actualLabel.contentWidth + (UM.Theme.getSize("thick_margin").width * 2)
- Label
- {
- id: actualLabel
- anchors.centerIn: parent
- color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled_text");
- }
- else if(control.pressed)
- {
- return UM.Theme.getColor("action_button_active_text");
- }
- else if(control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered_text");
- }
- else
- {
- return UM.Theme.getColor("action_button_text");
- }
- }
- font: UM.Theme.getFont("medium")
- text: control.text
- }
- }
- label: Item { }
- }
- }
- property Component toolbox_action_button: Component
- {
- ButtonStyle
- {
- background: Rectangle
- {
- implicitWidth: UM.Theme.getSize("toolbox_action_button").width
- implicitHeight: UM.Theme.getSize("toolbox_action_button").height
- color:
- {
- if (control.installed)
- {
- return UM.Theme.getColor("action_button_disabled");
- }
- else
- {
- if (control.hovered)
- {
- return UM.Theme.getColor("primary_hover");
- }
- else
- {
- return UM.Theme.getColor("primary");
- }
- }
- }
- }
- label: Label
- {
- text: control.text
- color:
- {
- if (control.installed)
- {
- return UM.Theme.getColor("action_button_disabled_text");
- }
- else
- {
- if (control.hovered)
- {
- return UM.Theme.getColor("button_text_hover");
- }
- else
- {
- return UM.Theme.getColor("button_text");
- }
- }
- }
- verticalAlignment: Text.AlignVCenter
- horizontalAlignment: Text.AlignHCenter
- font: UM.Theme.getFont("default_bold")
- }
- }
- }
- property Component monitor_button_style: Component
- {
- ButtonStyle
- {
- background: Rectangle
- {
- border.width: UM.Theme.getSize("default_lining").width
- border.color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled_border");
- }
- else if(control.pressed)
- {
- return UM.Theme.getColor("action_button_active_border");
- }
- else if(control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered_border");
- }
- return UM.Theme.getColor("action_button_border");
- }
- color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled");
- }
- else if(control.pressed)
- {
- return UM.Theme.getColor("action_button_active");
- }
- else if(control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered");
- }
- return UM.Theme.getColor("action_button");
- }
- Behavior on color
- {
- ColorAnimation
- {
- duration: 50
- }
- }
- }
- label: Item
- {
- UM.RecolorImage
- {
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- width: Math.floor(control.width / 2)
- height: Math.floor(control.height / 2)
- sourceSize.height: width
- color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled_text");
- }
- else if(control.pressed)
- {
- return UM.Theme.getColor("action_button_active_text");
- }
- else if(control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered_text");
- }
- return UM.Theme.getColor("action_button_text");
- }
- source: control.iconSource
- }
- }
- }
- }
- property Component monitor_checkable_button_style: Component
- {
- ButtonStyle {
- background: Rectangle {
- border.width: control.checked ? UM.Theme.getSize("default_lining").width * 2 : UM.Theme.getSize("default_lining").width
- border.color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled_border");
- }
- else if (control.checked || control.pressed)
- {
- return UM.Theme.getColor("action_button_active_border");
- }
- else if(control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered_border");
- }
- return UM.Theme.getColor("action_button_border");
- }
- color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled");
- }
- else if (control.checked || control.pressed)
- {
- return UM.Theme.getColor("action_button_active");
- }
- else if (control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered");
- }
- return UM.Theme.getColor("action_button");
- }
- Behavior on color { ColorAnimation { duration: 50; } }
- Label {
- anchors.left: parent.left
- anchors.right: parent.right
- anchors.verticalCenter: parent.verticalCenter
- anchors.leftMargin: UM.Theme.getSize("default_lining").width * 2
- anchors.rightMargin: UM.Theme.getSize("default_lining").width * 2
- color:
- {
- if(!control.enabled)
- {
- return UM.Theme.getColor("action_button_disabled_text");
- }
- else if (control.checked || control.pressed)
- {
- return UM.Theme.getColor("action_button_active_text");
- }
- else if (control.hovered)
- {
- return UM.Theme.getColor("action_button_hovered_text");
- }
- return UM.Theme.getColor("action_button_text");
- }
- font: UM.Theme.getFont("default")
- text: control.text
- horizontalAlignment: Text.AlignHCenter
- elide: Text.ElideMiddle
- }
- }
- label: Item { }
- }
- }
- }
|