diff options
| author |  Joakim Bygdell <j.bygdell@gmail.com> | 2017-07-24 19:54:34 +0200 |
|---|---|---|
| committer |  Dirk Hohndel <dirk@hohndel.org> | 2017-07-26 01:39:26 +0900 |
| commit | 93ec03105e58e128a363fcf25521e7b0e06e5c9d (patch) | |
| tree | b929b8b13ad14714698bf83666ec69f56ab5a776 /mobile-widgets | |
| parent | d803d3e63ce04aad68f4aaad776bac7d43b58905 (diff) | |
| download | subsurface-93ec03105e58e128a363fcf25521e7b0e06e5c9d.tar.gz | |
QML UI: add our own styled switch
This adds a switch styled for us, size is about the same as the material default.
Signed-off-by: Joakim Bygdell <j.bygdell@gmail.com>
Diffstat (limited to 'mobile-widgets')
| -rw-r--r-- | mobile-widgets/qml/SsrfSwitch.qml | 29 | ||||
| -rw-r--r-- | mobile-widgets/qml/mobile-resources.qrc | 1 |
2 files changed, 30 insertions, 0 deletions
diff --git a/mobile-widgets/qml/SsrfSwitch.qml b/mobile-widgets/qml/SsrfSwitch.qml new file mode 100644 index 000000000..a88b94aea --- /dev/null +++ b/mobile-widgets/qml/SsrfSwitch.qml @@ -0,0 +1,29 @@ +// SPDX-License-Identifier: GPL-2.0 +import QtQuick 2.3 +import QtQuick.Controls 2.2 +import org.kde.kirigami 2.0 as Kirigami + +Switch { + id: root + indicator: Rectangle { + implicitWidth: Kirigami.Units.largeSpacing * 2.2 + implicitHeight: Kirigami.Units.largeSpacing * 0.75 + x: root.leftPadding + y: parent.height / 2 - height / 2 + radius: height / 2 + color: root.checked ? + subsurfaceTheme.lightPrimaryColor : subsurfaceTheme.backgroundColor + border.color: subsurfaceTheme.darkerPrimaryColor + + Rectangle { + x: root.checked ? parent.width - width : 0 + y: parent.height / 2 - height / 2 + width: Kirigami.Units.largeSpacing * 1.1 + height: Kirigami.Units.largeSpacing * 1.1 + radius: height / 2 + color: root.down || root.checked ? + subsurfaceTheme.primaryColor : subsurfaceTheme.lightPrimaryColor + border.color: subsurfaceTheme.darkerPrimaryColor + } + } +} diff --git a/mobile-widgets/qml/mobile-resources.qrc b/mobile-widgets/qml/mobile-resources.qrc index 9adae7403..b480d7a3b 100644 --- a/mobile-widgets/qml/mobile-resources.qrc +++ b/mobile-widgets/qml/mobile-resources.qrc @@ -22,6 +22,7 @@ <file alias="menu-edit.png">icons/menu-edit.png</file> <file alias="menu-back.png">icons/menu-back.png</file> <file alias="nocloud.svg">icons/nocloud.svg</file> + <file>SsrfSwitch.qml</file> </qresource> <qresource prefix="/"> <file>qtquickcontrols2.conf</file> |