1 files changed, 23 insertions, 13 deletions
diff --git a/resources/qml/ToggleButton.qml b/resources/qml/ToggleButton.qml
index cf67c48c..01aef4c6 100644
--- a/resources/qml/ToggleButton.qml
+++ b/resources/qml/ToggleButton.qml
@@ -1,22 +1,32 @@
import QtQuick 2.5
-import QtQuick.Controls 1.4
-import QtQuick.Controls.Styles 1.4
+import QtQuick 2.12
+import QtQuick.Controls 2.12
import im.nheko 1.0
Switch {
- style: SwitchStyle {
- handle: Rectangle {
- width: 20
- height: 20
- radius: 90
- color: "whitesmoke"
+ id: toggleButton
+
+ indicator: Item {
+ implicitWidth: 48
+ implicitHeight: 26
+
+ Rectangle {
+ height: parent.height/2
+ radius: height/2
+ width: parent.width - height
+ x: radius
+ y: parent.height / 2 - height / 2
+ color: toggleButton.checked ? "skyblue" : "grey"
+ border.color: "#cccccc"
}
- groove: Rectangle {
- implicitWidth: 40
- implicitHeight: 20
- radius: 90
- color: checked ? "skyblue" : "grey"
+ Rectangle {
+ x: toggleButton.checked ? parent.width - width : 0
+ width: parent.height
+ height: width
+ radius: width/2
+ color: toggleButton.down ? "whitesmoke" : "whitesmoke"
+ border.color: "#999999"
}
}
}
\ No newline at end of file
|
