mirror of
https://github.com/overte-org/overte.git
synced 2025-07-09 14:59:31 +02:00
129 lines
3.4 KiB
QML
129 lines
3.4 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.3
|
|
import TabletScriptingInterface 1.0
|
|
|
|
Item {
|
|
id: root;
|
|
property string settingText: "";
|
|
property bool settingEnabled: false;
|
|
property var settingEnabledCondition;
|
|
|
|
height: 50;
|
|
width: parent.width;
|
|
|
|
Rectangle {
|
|
id: backgroundElement;
|
|
width: parent.width;
|
|
height: parent.height;
|
|
color: "transparent";
|
|
radius: 15;
|
|
|
|
RowLayout {
|
|
width: parent.width - 10;
|
|
height: parent.height;
|
|
anchors.horizontalCenter: parent.horizontalCenter;
|
|
|
|
|
|
TextEdit {
|
|
id: settingTextElem
|
|
height: parent.height;
|
|
text: settingText;
|
|
color: "white";
|
|
font.pixelSize: 22;
|
|
selectByMouse: true;
|
|
readOnly: true;
|
|
}
|
|
|
|
Switch {
|
|
Layout.alignment: Qt.AlignVCenter | Qt.AlignRight;
|
|
checked: settingEnabled;
|
|
implicitHeight: 20;
|
|
|
|
indicator: Item {
|
|
implicitWidth: 70;
|
|
implicitHeight: parent.implicitHeight;
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
radius: height / 2
|
|
color: parent.parent.checked ? "#5153bd" : "gray";
|
|
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: 200
|
|
easing.type: Easing.InOutCubic
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
Rectangle {
|
|
width: 30
|
|
height: 30
|
|
radius: height;
|
|
color: "white"
|
|
x: parent.parent.checked ? parent.width - width : 0;
|
|
y: (parent.implicitHeight - height) / 2
|
|
|
|
// Movement animation
|
|
Behavior on x {
|
|
NumberAnimation {
|
|
duration: 100;
|
|
easing.type: Easing.InOutCubic;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
onCheckedChanged: {
|
|
Tablet.playSound(TabletEnums.ButtonClicked);
|
|
settingEnabled = checked;
|
|
}
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent;
|
|
hoverEnabled: true;
|
|
propagateComposedEvents: true;
|
|
|
|
onPressed: {
|
|
mouse.accepted = false
|
|
}
|
|
|
|
onEntered: {
|
|
backgroundElement.color = "#333";
|
|
}
|
|
|
|
onExited: {
|
|
backgroundElement.color = "transparent";
|
|
}
|
|
}
|
|
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: 50
|
|
easing.type: Easing.InOutCubic
|
|
}
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
update();
|
|
}
|
|
|
|
onSettingEnabledChanged: {
|
|
if (isChangingPreset === false) {
|
|
// We don't want to update this variable if we are changing to a preset.
|
|
hasPresetBeenModified = true;
|
|
}
|
|
}
|
|
|
|
function update(){
|
|
if (settingEnabledCondition && typeof settingEnabledCondition === "function") {
|
|
settingEnabled = settingEnabledCondition();
|
|
}
|
|
}
|
|
}
|
|
|