mirror of https://github.com/Nheko-Reborn/nheko
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
97 lines
2.1 KiB
97 lines
2.1 KiB
// SPDX-FileCopyrightText: Nheko Contributors
|
|
//
|
|
// SPDX-License-Identifier: GPL-3.0-or-later
|
|
|
|
import QtQuick 2.5
|
|
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import im.nheko 1.0
|
|
|
|
Switch {
|
|
id: toggleButton
|
|
|
|
implicitWidth: indicatorItem.width
|
|
|
|
state: checked ? "on" : "off"
|
|
states: [
|
|
State {
|
|
name: "off"
|
|
|
|
PropertyChanges {
|
|
target: track
|
|
border.color: "#767676"
|
|
}
|
|
|
|
PropertyChanges {
|
|
target: handle
|
|
x: 0
|
|
}
|
|
},
|
|
State {
|
|
name: "on"
|
|
|
|
PropertyChanges {
|
|
target: track
|
|
border.color: Nheko.colors.highlight
|
|
}
|
|
|
|
PropertyChanges {
|
|
target: handle
|
|
x: indicatorItem.width - handle.width
|
|
}
|
|
}
|
|
]
|
|
transitions: [
|
|
Transition {
|
|
to: "off"
|
|
reversible: true
|
|
|
|
ParallelAnimation {
|
|
NumberAnimation {
|
|
target: handle
|
|
property: "x"
|
|
duration: 200
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
|
|
ColorAnimation {
|
|
target: track
|
|
properties: "color,border.color"
|
|
duration: 200
|
|
}
|
|
}
|
|
}
|
|
]
|
|
|
|
indicator: Item {
|
|
id: indicatorItem
|
|
|
|
implicitWidth: 48
|
|
implicitHeight: 24
|
|
y: parent.height / 2 - height / 2
|
|
|
|
Rectangle {
|
|
id: track
|
|
|
|
height: parent.height * 0.6
|
|
radius: height / 2
|
|
width: parent.width - height
|
|
x: radius
|
|
y: parent.height / 2 - height / 2
|
|
color: Qt.rgba(border.color.r, border.color.g, border.color.b, 0.6)
|
|
}
|
|
|
|
Rectangle {
|
|
id: handle
|
|
|
|
y: parent.height / 2 - height / 2
|
|
width: parent.height * 0.9
|
|
height: width
|
|
radius: width / 2
|
|
color: Nheko.colors.button
|
|
border.color: "#767676"
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|