QGCCompassWidget.qml 3.6 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 23 24 25
/*=====================================================================

QGroundControl Open Source Ground Control Station

(c) 2009, 2015 QGROUNDCONTROL PROJECT <http://www.qgroundcontrol.org>

This file is part of the QGROUNDCONTROL project

    QGROUNDCONTROL is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    QGROUNDCONTROL is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with QGROUNDCONTROL. If not, see <http://www.gnu.org/licenses/>.

======================================================================*/

/**
 * @file
26
 *   @brief QGC Compass Widget
27 28 29 30
 *   @author Gus Grubba <mavlink@grubba.com>
 */

import QtQuick 2.4
dogmaphobic's avatar
dogmaphobic committed
31 32
import QtGraphicalEffects 1.0

33
import QGroundControl.Controls 1.0
34 35
import QGroundControl.ScreenTools 1.0

dogmaphobic's avatar
dogmaphobic committed
36
Item {
37
    id:                     root
38

dogmaphobic's avatar
dogmaphobic committed
39 40
    property bool active:   false  ///< true: actively connected to data provider, false: show inactive control
    property real heading:  0
dogmaphobic's avatar
dogmaphobic committed
41
    property real size:     _defaultSize
42

dogmaphobic's avatar
dogmaphobic committed
43 44 45
    property real _defaultSize: ScreenTools.defaultFontPixelSize * (10)
    property real _sizeRatio:   ScreenTools.isTinyScreen ? (size / _defaultSize) * 0.5 : size / _defaultSize
    property int  _fontSize:    ScreenTools.defaultFontPixelSize * _sizeRatio
46

47 48
    width:                  size
    height:                 size
dogmaphobic's avatar
dogmaphobic committed
49

50
    Rectangle {
dogmaphobic's avatar
dogmaphobic committed
51 52 53
        id:             borderRect
        anchors.fill:   parent
        radius:         width / 2
dogmaphobic's avatar
dogmaphobic committed
54
        color:          "black"
55
    }
dogmaphobic's avatar
dogmaphobic committed
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 90 91

    Item {
        id:             instrument
        anchors.fill:   parent
        visible:        false

        Image {
            id:                 pointer
            source:             "/qmlimages/compassInstrumentAirplane.svg"
            mipmap:             true
            width:              size * 0.75
            fillMode:           Image.PreserveAspectFit
            anchors.centerIn:   parent
            transform: Rotation {
                origin.x:       pointer.width  / 2
                origin.y:       pointer.height / 2
                angle:          heading
            }
        }

        Image {
            id:                 compassDial
            source:             "/qmlimages/compassInstrumentDial.svg"
            mipmap:             true
            fillMode:           Image.PreserveAspectFit
            anchors.fill:       parent
        }

        Rectangle {
            anchors.centerIn:   parent
            width:              size * 0.35
            height:             size * 0.2
            border.color:       Qt.rgba(1,1,1,0.15)
            color:              Qt.rgba(0,0,0,0.65)

            QGCLabel {
92
                text:           active ? heading.toFixed(0) : qsTr("OFF")
dogmaphobic's avatar
dogmaphobic committed
93 94 95 96 97
                font.weight:    active ? Font.DemiBold : Font.Light
                font.pixelSize: _fontSize < 1 ? 1 : _fontSize;
                color:          "white"
                anchors.centerIn: parent
            }
98 99
        }
    }
dogmaphobic's avatar
dogmaphobic committed
100

101
    Rectangle {
dogmaphobic's avatar
dogmaphobic committed
102 103 104 105 106
        id:             mask
        anchors.fill:   instrument
        radius:         width / 2
        color:          "black"
        visible:        false
107
    }
dogmaphobic's avatar
dogmaphobic committed
108 109 110 111 112 113 114

    OpacityMask {
        anchors.fill:   instrument
        source:         instrument
        maskSource:     mask
    }

115
}