CustomOnOffSwitch.qml 1.83 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
/****************************************************************************
 *
 * (c) 2009-2019 QGROUNDCONTROL PROJECT <http://www.qgroundcontrol.org>
 *
 * QGroundControl is licensed according to the terms in the file
 * COPYING.md in the root of the source code directory.
 *
 * @file
 *   @author Gus Grubba <gus@auterion.com>
 */

import QtQuick 2.3

import QGroundControl.Palette       1.0
import QGroundControl.ScreenTools   1.0
import QGroundControl.Controls      1.0

Rectangle {
    id:     _root
    height: Math.round(ScreenTools.defaultFontPixelHeight * 2)
    width:  ScreenTools.defaultFontPixelWidth  * 10
    color:  qgcPal.button
Yasen's avatar
Yasen committed
23 24
    border.color: qgcPal.windowShade
    border.width: 0
25 26 27 28 29 30 31 32 33 34

    property bool checked: true

    signal  clicked

    QGCPalette { id: qgcPal; colorGroupEnabled: true }

    Rectangle {
        width:      parent.width  * 0.5
        height:     parent.height
Yasen's avatar
Yasen committed
35
        color:      checked ? qgcPal.button : qgcPal.buttonHighlight
36
        border.color: qgcPal.text
Yasen's avatar
Yasen committed
37
        border.width: 0
38 39 40 41 42
        anchors.left: parent.left
        anchors.verticalCenter: parent.verticalCenter
        QGCLabel {
            text: qsTr("Off")
            anchors.centerIn: parent
Yasen's avatar
Yasen committed
43
            color:      qgcPal.text
44 45 46 47
        }
    }
    Rectangle {
        width:      parent.width  * 0.5
Yasen's avatar
Yasen committed
48
        height:     parent.height
Yasen's avatar
Yasen committed
49
        color:      checked ? qgcPal.buttonHighlight : qgcPal.button
50
        border.color: qgcPal.text
Yasen's avatar
Yasen committed
51
        border.width: 0
52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
        anchors.right: parent.right
        anchors.verticalCenter: parent.verticalCenter
        QGCLabel {
            text:       qsTr("On")
            color:      qgcPal.buttonHighlightText
            anchors.centerIn: parent
        }
    }
    MouseArea {
        anchors.fill:   parent
        onClicked: {
            checked = !checked
            _root.clicked()
        }
    }
}