InstrumentSwipeView.qml 3.4 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
import QtQuick                  2.5
import QtQuick.Controls         1.4

import QGroundControl.Palette       1.0
import QGroundControl.ScreenTools   1.0
import QGroundControl.FlightMap     1.0

Item {
    id: _root
    clip: true
    height: valuesPage.height + pageIndicatorRow.anchors.topMargin + pageIndicatorRow.height

    property var    qgcView     ///< QGCView to use for showing dialogs
    property color  textColor
    property color  backgroundColor
    property var    maxHeight   ///< Maximum height that should be taken, smaller than this is ok

    property real   _margins:   ScreenTools.defaultFontPixelWidth / 2

Don Gagne's avatar
Don Gagne committed
20 21 22 23
    function showPicker() {
        valuesPage.showPicker()
    }

24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
    ValuesWidget {
        id:         valuesPage
        width:      _root.width
        qgcView:    _root.qgcView
        textColor:  _root.textColor
        maxHeight:  _root.maxHeight
    }

    VibrationWidget {
        id:                 vibrationPage
        anchors.left:       valuesPage.right
        width:              _root.width
        textColor:          _root.textColor
        backgroundColor:    _root.backgroundColor
        maxHeight:          _root.maxHeight
    }

    Row {
        id:                         pageIndicatorRow
        anchors.bottom:             parent.bottom
        anchors.horizontalCenter:   parent.horizontalCenter
        spacing:                    _margins

        Rectangle {
            id:             valuesPageIndicator
            height:         radius * 2
            width:          radius * 2
            radius:         2.5
            border.color:   textColor
            border.width:   1
            color:          textColor
        }

        Rectangle {
            id:             vibrationPageIndicator
            height:         radius * 2
            width:          radius * 2
            radius:         2.5
            border.color:   textColor
            border.width:   1
            color:          "transparent"
        }
    }

    MouseArea {
        anchors.fill: parent

        property real xDragStart
        property real xValuesPageSave

        onPressed: {
            if (mouse.button == Qt.LeftButton) {
                mouse.accepted = true
                xDragStart = mouse.x
                xValuesPageSave = valuesPage.x
            }
        }

        onPositionChanged: {
            valuesPage.x = xValuesPageSave + mouse.x - xDragStart
        }

        onReleased: {
            if (mouse.x < xDragStart) {
                if (xValuesPageSave == 0) {
                    valuesPage.x = -valuesPage.width
90
                    _root.height = Qt.binding(function() { return vibrationPage.height + pageIndicatorRow.anchors.topMargin + pageIndicatorRow.height } )
91 92 93 94 95 96 97 98
                    valuesPageIndicator.color = "transparent"
                    vibrationPageIndicator.color = textColor
                } else {
                    valuesPage.x = xValuesPageSave
                }
            } else {
                if (xValuesPageSave != 0) {
                    valuesPage.x = 0
99
                    _root.height = Qt.binding(function() { return valuesPage.height + pageIndicatorRow.anchors.topMargin + pageIndicatorRow.height } )
100 101 102 103 104 105 106 107 108
                    valuesPageIndicator.color = textColor
                    vibrationPageIndicator.color = "transparent"
                } else {
                    valuesPage.x = xValuesPageSave
                }
            }
        }
    }
}