Component.onCompleted: startup();\r
\r
Text {\r
- id: label; text: toggleswitch.text; color: "White"; font.pointSize: 18;\r
- anchors.left: background.right; anchors.leftMargin: 32;\r
+ id: label; text: toggleswitch.text; color: "White"; font.pointSize: gui.height/32;\r
+ anchors.left: background.right; anchors.leftMargin: gui.width/12;\r
anchors.verticalCenter: background.verticalCenter\r
}\r
\r
Image {\r
id: background; source: "background.svg"\r
MouseRegion { anchors.fill: parent; onClicked: toggle() }\r
+ height: gui.height/7.5; width: height*2.4;\r
}\r
\r
Image {\r
id: knob; source: "knob.svg"; x: 1; y: 2\r
+ height: gui.height/8; width: gui.height/8;\r
\r
MouseRegion {\r
anchors.fill: parent\r
- drag.target: knob; drag.axis: "XAxis"; drag.minimumX: 1; drag.maximumX: 78\r
+ drag.target: knob; drag.axis: "XAxis"; drag.minimumX: 1; drag.maximumX: background.width-knob.width\r
+ hoverEnabled: false; onReleased: toggle()\r
}\r
}\r
\r
states: [\r
State {\r
name: "on"\r
- PropertyChanges { target: knob; x: 78 }\r
+ PropertyChanges { target: knob; x: background.width-knob.width }\r
PropertyChanges { target: toggleswitch; on: "true" }\r
StateChangeScript { script: toggleswitch.changed(); }\r
},\r