GitHub-Proxy/Cura
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/Ultimaker/Cura synced 2025-08-12 20:19:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update simple mode UI to new styling

Browse Source
This commit is contained in:
Arjen Hiemstra 2015-04-02 11:16:54 +02:00
parent ecb7ebc49b
commit 0d54855937
1 changed files with 96 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
qml/SidebarSimple.qml
View File

@ -13,30 +13,114 @@ Item {
ColumnLayout { ColumnLayout {
anchors.fill: parent; anchors.fill: parent;
RowLayout { Item {
Layout.fillWidth: true; Layout.fillWidth: true;
Layout.preferredHeight: UM.Theme.sizes.section.height;
Label { text: "00:00"; } Label {
Item { Layout.fillWidth: true; } anchors.left: parent.left;
Label { text: "Estimated Print Time"; } anchors.verticalCenter: parent.verticalCenter;
Item { Layout.fillWidth: true; } text: "00:00";
Label { text: "21:00"; } font: UM.Theme.fonts.timeslider_time;
color: UM.Theme.colors.primary;
}
Label { anchors.centerIn: parent; text: "Estimated Print Time"; color: UM.Theme.colors.text; }
Label {
anchors.right: parent.right;
anchors.verticalCenter: parent.verticalCenter;
text: "21:00";
font: UM.Theme.fonts.timeslider_time;
color: UM.Theme.colors.primary;
}
} }
Slider { Slider {
Layout.fillWidth: true; Layout.fillWidth: true;
Layout.preferredHeight: UM.Theme.sizes.section.height;
style: SliderStyle { } minimumValue: 0;
maximumValue: 100;
style: SliderStyle {
groove: Rectangle {
implicitWidth: control.width;
implicitHeight: UM.Theme.sizes.slider_groove.height;
color: UM.Theme.colors.slider_groove;
border.width: 1;
border.color: UM.Theme.colors.slider_groove_border;
Rectangle {
anchors {
left: parent.left;
top: parent.top;
bottom: parent.bottom;
}
color: UM.Theme.colors.slider_groove_fill;
width: (control.value / (control.maximumValue - control.minimumValue)) * parent.width;
}
}
handle: Rectangle {
width: UM.Theme.sizes.slider_handle.width;
height: UM.Theme.sizes.slider_handle.height;
color: UM.Theme.colors.slider_handle;
}
}
} }
RowLayout { Item {
Layout.fillWidth: true; Layout.fillWidth: true;
Label { text: "Minimum"; } Layout.preferredHeight: UM.Theme.sizes.section.height;
Item { Layout.fillWidth: true; }
Label { text: "Maximum"; } Label {
anchors.left: parent.left;
anchors.verticalCenter: parent.verticalCenter;
text: "Minimum\nDraft";
color: UM.Theme.colors.text;
} }
CheckBox { text: "Auto Support"; style: CheckBoxStyle { } } Label {
anchors.right: parent.right;
anchors.verticalCenter: parent.verticalCenter;
text: "Maximum\nQuality";
horizontalAlignment: Text.AlignRight;
color: UM.Theme.colors.text;
}
}
CheckBox {
Layout.fillWidth: true;
Layout.preferredHeight: UM.Theme.sizes.section.height;
text: "Enable Support";
style: CheckBoxStyle {
background: Item { }
indicator: Rectangle {
implicitWidth: UM.Theme.sizes.checkbox.width;
implicitHeight: UM.Theme.sizes.checkbox.height;
color: control.hovered ? UM.Theme.colors.checkbox_hover : UM.Theme.colors.checkbox;
border.width: 1
border.color: UM.Theme.colors.checkbox_border;
Label {
anchors.centerIn: parent;
color: UM.Theme.colors.checkbox_mark;
// font: itemStyle.controlFont;
text: "✓";
opacity: control.checked ? 1 : 0;
Behavior on opacity { NumberAnimation { duration: 100; } }
}
}
label: Label {
text: control.text;
color: UM.Theme.colors.checkbox_text;
}
}
}
Item { Layout.fillWidth: true; Layout.fillHeight: true; } Item { Layout.fillWidth: true; Layout.fillHeight: true; }
} }