1
0
Fork 0
flightgear/src/GUI/qml/ToggleSwitch.qml
James Turner 01f05b5383 Launcher: styling improvements everywhere
Use a standard text component to ensure the base font size can be
controlled centrally.
2018-06-21 22:54:37 +01:00

63 lines
1.6 KiB
QML

import QtQuick 2.4
import "."
Item {
property bool checked: false
property alias label: label.text
property bool enabled: true
implicitWidth: track.width + label.width + 16
implicitHeight: Math.max(label.height, thumb.height)
Rectangle {
id: track
width: height * 2
height: radius * 2
radius: Style.roundRadius
color: (checked && enabled) ? Style.frameColor : Style.minorFrameColor
anchors.left: parent.left
anchors.leftMargin: Style.margin
anchors.verticalCenter: parent.verticalCenter
Rectangle {
id: thumb
width: radius * 2
height: radius * 2
radius: Style.roundRadius * 1.5
anchors.verticalCenter: parent.verticalCenter
color: (checked && enabled) ? Style.themeColor : "white"
border.width: 1
border.color: Style.inactiveThemeColor
x: checked ? parent.width - (track.radius + radius) : (track.radius - radius)
Behavior on x {
NumberAnimation {
duration: 250
}
}
}
}
StyledText {
id: label
anchors.left: track.right
anchors.leftMargin: Style.margin
anchors.verticalCenter: parent.verticalCenter
enabled: root.enabled
hover: mouseArea.containsMouse
}
MouseArea {
anchors.fill: parent
id: mouseArea
enabled: root.enabled
hoverEnabled: true
onClicked: {
checked = !checked
}
}
}