QGCInstrumentWidget.qml 5.62 KB
Newer Older
1 2 3 4 5 6 7 8
/****************************************************************************
 *
 *   (c) 2009-2016 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.
 *
 ****************************************************************************/
dogmaphobic's avatar
dogmaphobic committed
9

10
import QtQuick 2.3
dogmaphobic's avatar
dogmaphobic committed
11

12
import QGroundControl               1.0
Don Gagne's avatar
Don Gagne committed
13 14 15
import QGroundControl.Controls      1.0
import QGroundControl.ScreenTools   1.0
import QGroundControl.FactSystem    1.0
16
import QGroundControl.FlightMap     1.0
17
import QGroundControl.Palette       1.0
dogmaphobic's avatar
dogmaphobic committed
18

19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
Rectangle {
    id:             instrumentPanel
    height:         instrumentColumn.height + (_topBottomMargin * 2)
    width:          getPreferredInstrumentWidth()
    radius:         _showLargeCompass ? width / 2 :  ScreenTools.defaultFontPixelWidth / 2
    color:          _backgroundColor
    border.width:   _showLargeCompass ? 1 : 0
    border.color:   _isSatellite ? qgcPal.mapWidgetBorderLight : qgcPal.mapWidgetBorderDark

    property var    _qgcView:               qgcView
    property real   _maxHeight:             maxHeight
    property real   _defaultSize:           ScreenTools.defaultFontPixelHeight * (9)
    property color  _backgroundColor:       qgcPal.window
    property real   _spacing:               ScreenTools.defaultFontPixelHeight * 0.33
    property real   _topBottomMargin:       (width * 0.05) / 2
    property real   _availableValueHeight:  _maxHeight - (outerCompass.height + _spacer1.height + _spacer2.height + (_spacing * 4)) - (_showLargeCompass ? compass.height : 0)
    property var    _activeVehicle:         QGroundControl.multiVehicleManager.activeVehicle
    property bool   _showLargeCompass:      QGroundControl.settingsManager.appSettings.showLargeCompass.value

    readonly property real _outerRingRatio: 0.95
    readonly property real _innerRingRatio: 0.80
Don Gagne's avatar
Don Gagne committed
40

41 42
    QGCPalette { id: qgcPal }

43 44 45 46 47
    MouseArea {
        anchors.fill: parent
        onClicked: _valuesWidget.showPicker()
    }

Don Gagne's avatar
Don Gagne committed
48 49 50 51 52 53 54 55 56 57
    Column {
        id:                 instrumentColumn
        anchors.topMargin:  _topBottomMargin
        anchors.top:        parent.top
        anchors.left:       parent.left
        anchors.right:      parent.right
        spacing:            _spacing

        Item {
            width:  parent.width
58
            height: outerCompass.height
Don Gagne's avatar
Don Gagne committed
59

60 61 62 63
            CompassRing {
                id:                 outerCompass
                size:               parent.width * _outerRingRatio
                vehicle:            _activeVehicle
Don Gagne's avatar
Don Gagne committed
64
                anchors.horizontalCenter: parent.horizontalCenter
65 66 67 68 69 70 71 72 73 74
                visible:            !_showLargeCompass

            }

            QGCAttitudeWidget {
                id:                 attitudeWidget
                size:               parent.width * (_showLargeCompass ? _outerRingRatio : _innerRingRatio)
                vehicle:            _activeVehicle
                anchors.centerIn:   outerCompass
                showHeading:        !_showLargeCompass
Don Gagne's avatar
Don Gagne committed
75 76 77 78
            }

            Image {
                id:                 gearThingy
79 80
                anchors.bottom:     outerCompass.bottom
                anchors.right:      outerCompass.right
dogmaphobic's avatar
dogmaphobic committed
81
                source:             qgcPal.globalTheme == QGCPalette.Light ? "/res/gear-black.svg" : "/res/gear-white.svg"
Don Gagne's avatar
Don Gagne committed
82 83
                mipmap:             true
                opacity:            0.5
84
                width:              outerCompass.width * 0.15
dogmaphobic's avatar
dogmaphobic committed
85
                sourceSize.width:   width
Don Gagne's avatar
Don Gagne committed
86 87 88 89 90 91 92 93 94
                fillMode:           Image.PreserveAspectFit
                MouseArea {
                    anchors.fill:   parent
                    hoverEnabled:   true
                    onEntered:      gearThingy.opacity = 0.85
                    onExited:       gearThingy.opacity = 0.5
                    onClicked:      _valuesWidget.showPicker()
                }
            }
95
        }
96

Don Gagne's avatar
Don Gagne committed
97
        Rectangle {
98 99 100 101 102
            id:                         _spacer1
            anchors.horizontalCenter:   parent.horizontalCenter
            height:                     1
            width:                      parent.width * 0.9
            color:                      qgcPal.text
Don Gagne's avatar
Don Gagne committed
103
        }
104

Don Gagne's avatar
Don Gagne committed
105 106 107 108 109 110 111 112
        Item {
            width:  parent.width
            height: _valuesWidget.height

            Rectangle {
                anchors.fill:   _valuesWidget
                color:          _backgroundColor
                radius:         _spacing
113
                visible:        !_showLargeCompass
Don Gagne's avatar
Don Gagne committed
114 115 116 117
            }

            InstrumentSwipeView {
                id:                 _valuesWidget
118 119 120
                anchors.margins:    1
                anchors.left:       parent.left
                anchors.right:      parent.right
121
                qgcView:            instrumentPanel._qgcView
122
                textColor:          qgcPal.text
Don Gagne's avatar
Don Gagne committed
123 124 125 126
                backgroundColor:    _backgroundColor
                maxHeight:          _availableValueHeight
            }
        }
127

128
        Rectangle {
129 130 131 132 133 134
            id:                         _spacer2
            anchors.horizontalCenter:   parent.horizontalCenter
            height:                     1
            width:                      parent.width * 0.9
            color:                      qgcPal.text
            visible:                    _showLargeCompass
135 136
        }

Don Gagne's avatar
Don Gagne committed
137
        QGCCompassWidget {
138 139 140 141 142
            id:                         compass
            anchors.horizontalCenter:   parent.horizontalCenter
            size:                       parent.width * 0.95
            vehicle:                    _activeVehicle
            visible:                    _showLargeCompass
Don Gagne's avatar
Don Gagne committed
143
        }
144
    }
dogmaphobic's avatar
dogmaphobic committed
145
}