- added new delegate types which match the look and feel of the app much better than the old ones

This commit is contained in:
Dorian Zedler 2019-03-27 22:24:16 +01:00
parent cf085b54e8
commit 70d413df82
3 changed files with 66 additions and 1 deletions

View file

@ -0,0 +1,30 @@
import QtQuick 2.0
import QtQuick.Controls 2.2
ItemDelegate {
id: control
text: ""
font.pixelSize: options_stack.text_pixelSize
property color textColor: appTheme.style.textColor
contentItem: Text {
text: parent.text
color: control.textColor
font.pixelSize: parent.font.pixelSize
}
width: parent.width
background: Rectangle {
opacity: enabled ? 1 : 0.3
color: control.down ? appTheme.style.delegatePressedColor : appTheme.style.delegateBackgroundColor
radius: height * 0.3
Behavior on color {
ColorAnimation {
duration: 200
}
}
}
}

View file

@ -0,0 +1,34 @@
import QtQuick 2.9
import QtQuick.Controls 2.3
SwitchDelegate {
id: control
text: qsTr("dark mode")
contentItem: Text {
text: parent.text
color: appTheme.style.textColor
font.pixelSize: options_stack.text_pixelSize
}
width: parent.width
height: parent.delegateHeight
font.pixelSize: options_stack.text_pixelSize
indicator: SimpleIndicator{}
background: Rectangle {
opacity: enabled ? 1 : 0.3
color: control.down ? appTheme.style.delegatePressedColor : appTheme.style.delegateBackgroundColor
radius: height * 0.3
Behavior on color {
ColorAnimation {
duration: 200
}
}
}
}

View file

@ -8,9 +8,10 @@
<file>components/ConnectionDelegate.qml</file> <file>components/ConnectionDelegate.qml</file>
<file>components/FadeAnimation.qml</file> <file>components/FadeAnimation.qml</file>
<file>components/ConnectionIcon.qml</file> <file>components/ConnectionIcon.qml</file>
<file>SpeedTimer.qml</file>
<file>components/NextPageDelegate.qml</file> <file>components/NextPageDelegate.qml</file>
<file>ErrorDialog.qml</file> <file>ErrorDialog.qml</file>
<file>components/FancyButton.qml</file> <file>components/FancyButton.qml</file>
<file>components/SmoothItemDelegate.qml</file>
<file>components/SmoothSwitchDelegate.qml</file>
</qresource> </qresource>
</RCC> </RCC>