QGCCompassWidget.qml 3.44 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
Don Gagne's avatar
Don Gagne committed
41
    property real size:     ScreenTools.defaultFontPixelSize * (10)
42

dogmaphobic's avatar
dogmaphobic committed
43
    property int _fontSize: ScreenTools.defaultFontPixelSize * 0.8
44

45 46
    width:                  size
    height:                 size
dogmaphobic's avatar
dogmaphobic committed
47

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

    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 {
                text:           active ? heading.toFixed(0) : "OFF"
                font.weight:    active ? Font.DemiBold : Font.Light
                font.pixelSize: _fontSize < 1 ? 1 : _fontSize;
                color:          "white"
                anchors.centerIn: parent
            }
96 97
        }
    }
dogmaphobic's avatar
dogmaphobic committed
98

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

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

113
}