Making Map and Video persistent.

qgroundcontrol.qrc

@@ -59,6 +59,7 @@
         <file alias="QGroundControl/Controls/QGCCheckBox.qml">src/QmlControls/QGCCheckBox.qml</file>
         <file alias="QGroundControl/Controls/QGCColoredImage.qml">src/QmlControls/QGCColoredImage.qml</file>
         <file alias="QGroundControl/Controls/QGCFlickable.qml">src/QmlControls/QGCFlickable.qml</file>
+        <file alias="QGroundControl/Controls/QGCPipable.qml">src/QmlControls/QGCPipable.qml</file>
         <file alias="QGroundControl/Controls/QGCFlickableVerticalIndicator.qml">src/QmlControls/QGCFlickableVerticalIndicator.qml</file>
         <file alias="QGroundControl/Controls/QGCFlickableHorizontalIndicator.qml">src/QmlControls/QGCFlickableHorizontalIndicator.qml</file>
         <file alias="QGroundControl/Controls/QGCComboBox.qml">src/QmlControls/QGCComboBox.qml</file>

src/FlightDisplay/FlightDisplayView.qml

@@ -74,145 +74,140 @@ Item {
     property real _airSpeed:            _activeVehicle ? _activeVehicle.airSpeed      : _defaultAirSpeed
     property real _climbRate:           _activeVehicle ? _activeVehicle.climbRate     : _defaultClimbRate
 
-    property var  _flightMap:           null
-    property var  _flightVideo:         null
     property var  _savedZoomLevel:      0
 
-    property real _pipSize:             mainWindow.width * 0.2
+    property real pipSize:              mainWindow.width * 0.2
 
     FlightDisplayViewController { id: _controller }
 
-    function reloadContents() {
+    function setStates() {
-        if(_flightVideo) {
-            _flightVideo.visible = false
-        }
-        if(_mainIsMap) {
-            mainLoader.source   = "FlightDisplayViewMap.qml"
-            pipLoader.source    = "FlightDisplayViewVideo.qml"
-        } else {
-            mainLoader.source   = "FlightDisplayViewVideo.qml"
-            pipLoader.source    = "FlightDisplayViewMap.qml"
-        }
-    }
-
-    Component.onCompleted: {
-        reloadContents();
-        widgetsLoader.source    = "FlightDisplayViewWidgets.qml"
-    }
-
-    //-- Main Window
-    Loader {
-        id:                 mainLoader
-        anchors.fill:       parent
-        onLoaded: {
         if(_mainIsMap) {
-                _flightMap   = item
+            //-- Adjust Margins
+            _flightMapContainer.state   = "fullMode"
+            _flightVideo.state          = "pipMode"
+            //-- Save/Restore Map Zoom Level
             if(_savedZoomLevel != 0)
                 _flightMap.zoomLevel = _savedZoomLevel
             else
                 _savedZoomLevel = _flightMap.zoomLevel
         } else {
-                _flightVideo = item
+            //-- Adjust Margins
+            _flightMapContainer.state   = "pipMode"
+            _flightVideo.state          = "fullMode"
+            //-- Set Map Zoom Level
+            _savedZoomLevel = _flightMap.zoomLevel
+            _flightMap.zoomLevel = _savedZoomLevel - 3
+        }
     }
+
+    function setPipVisibility(state) {
+        _isPipVisible = state;
+        QGroundControl.saveBoolGlobalSetting(_PIPVisibleKey, state)
     }
+
+    Component.onCompleted: {
+        widgetsLoader.source = "FlightDisplayViewWidgets.qml"
+        setStates()
     }
 
-    //-- PIP Window
+    //-- Map View
+    //   For whatever reason, if FlightDisplayViewMap is the root item, changing
+    //   width/height has no effect.
     Item {
-        id:                 pip
+        id: _flightMapContainer
-        visible:            _controller.hasVideo && _isPipVisible
+        z:  _mainIsMap ? root.z + 1 : root.z + 2
+        anchors.left:   root.left
+        anchors.bottom: root.bottom
+        visible:        _mainIsMap || _isPipVisible
+        width:          _mainIsMap ? root.width  : pipSize
+        height:         _mainIsMap ? root.height : pipSize * (9/16)
+        states: [
+            State {
+                name:   "pipMode"
+                PropertyChanges {
+                    target:             _flightMapContainer
                     anchors.margins:    ScreenTools.defaultFontPixelHeight
-        anchors.left:       parent.left
-        anchors.bottom:     parent.bottom
-        width:              _pipSize
-        height:             _pipSize * (9/16)
-        Loader {
-            id:                 pipLoader
-            anchors.fill:       parent
-            onLoaded: {
-                if(_mainIsMap) {
-                    _flightVideo = item
-                } else {
-                    _flightMap = item
-                    _savedZoomLevel = _flightMap.zoomLevel
-                    _flightMap.zoomLevel = _savedZoomLevel - 3
                 }
+            },
+            State {
+                name:   "fullMode"
+                PropertyChanges {
+                    target:             _flightMapContainer
+                    anchors.margins:    0
                 }
             }
-        MouseArea {
+        ]
+        FlightDisplayViewMap {
+            id:             _flightMap
             anchors.fill:   parent
-            onClicked: {
-                _mainIsMap = !_mainIsMap
-                reloadContents();
-                QGroundControl.saveBoolGlobalSetting(_mainIsMapKey, _mainIsMap)
         }
     }
-        Image {
+
-            id:             closePIP
+    //-- Video View
-            source:         "/qmlimages/PiP.svg"
+    FlightDisplayViewVideo {
-            mipmap:         true
+        id:             _flightVideo
-            fillMode:       Image.PreserveAspectFit
+        z:              _mainIsMap ? root.z + 2 : root.z + 1
-            anchors.left:   parent.left
+        width:          !_mainIsMap ? root.width  : pipSize
-            anchors.bottom: parent.bottom
+        height:         !_mainIsMap ? root.height : pipSize * (9/16)
-            height:         ScreenTools.defaultFontPixelSize * 2.5
+        anchors.left:   root.left
-            width:          ScreenTools.defaultFontPixelSize * 2.5
+        anchors.bottom: root.bottom
-            MouseArea {
+        visible:        _controller.hasVideo && (!_mainIsMap || _isPipVisible)
-                anchors.fill: parent
+        states: [
-                onClicked: {
+            State {
-                    _isPipVisible = false
+                name:   "pipMode"
-                    QGroundControl.saveBoolGlobalSetting(_PIPVisibleKey, false)
+                PropertyChanges {
+                    target: _flightVideo
+                    anchors.margins:    ScreenTools.defaultFontPixelHeight
                 }
+            },
+            State {
+                name:   "fullMode"
+                PropertyChanges {
+                    target: _flightVideo
+                    anchors.margins:    0
                 }
             }
+        ]
     }
 
-    //-- Show PIP
+    QGCPipable {
-    Rectangle {
+        id:                 _flightVideoPipControl
-        id:                     openPIP
+        z:                  _flightVideo.z + 3
-        anchors.left :          parent.left
+        width:              pipSize
-        anchors.bottom:         parent.bottom
+        height:             pipSize * (9/16)
+        anchors.left:       root.left
+        anchors.bottom:     root.bottom
         anchors.margins:    ScreenTools.defaultFontPixelHeight
-        height:                 ScreenTools.defaultFontPixelSize * 2
+        isHidden:           !_isPipVisible
-        width:                  ScreenTools.defaultFontPixelSize * 2
+        isDark:             isBackgroundDark
-        radius:                 ScreenTools.defaultFontPixelSize / 3
+        onActivated: {
-        visible:                _controller.hasVideo && !_isPipVisible
+            _mainIsMap = !_mainIsMap
-        color:                  isBackgroundDark ? Qt.rgba(0,0,0,0.75) : Qt.rgba(0,0,0,0.5)
+            setStates()
-        Image {
-            width:              parent.width  * 0.75
-            height:             parent.height * 0.75
-            source:             "/res/buttonRight.svg"
-            mipmap:             true
-            fillMode:           Image.PreserveAspectFit
-            anchors.verticalCenter:     parent.verticalCenter
-            anchors.horizontalCenter:   parent.horizontalCenter
-        }
-        MouseArea {
-            anchors.fill: parent
-            onClicked: {
-                _isPipVisible = true
-                QGroundControl.saveBoolGlobalSetting(_PIPVisibleKey, true)
         }
+        onHideIt: {
+            setPipVisibility(!state)
         }
     }
 
     //-- Widgets
     Loader {
         id:                 widgetsLoader
+        z:                  root.z + 4
         anchors.right:      parent.right
         anchors.left:       parent.left
         anchors.bottom:     parent.bottom
         height:             availableHeight
-
         property bool isBackgroundDark: root.isBackgroundDark
     }
 
     //-- Virtual Joystick
     Item {
         id:                         multiTouchItem
-        width:                      parent.width  - (pip.width / 2)
+        z:                          root.z + 5
+        width:                      parent.width  - (_flightVideoPipControl.width / 2)
         height:                     thumbAreaHeight
         visible:                    QGroundControl.virtualTabletJoystick
-        anchors.bottom:             pip.top
+        anchors.bottom:             _flightVideoPipControl.top
         anchors.bottomMargin:       ScreenTools.defaultFontPixelHeight * 2
         anchors.horizontalCenter:   parent.horizontalCenter
 

src/FlightDisplay/FlightDisplayViewWidgets.qml

@@ -118,8 +118,8 @@ Item {
         anchors.margins:    ScreenTools.defaultFontPixelHeight
         anchors.right:      parent.right
         anchors.bottom:     parent.bottom
-        width:              _pipSize
+        width:              pipSize
-        height:             _pipSize * (9/16)
+        height:             pipSize * (9/16)
         color:              Qt.rgba(0,0,0,0.75)
         Column {
             id:                 instruments

src/FlightDisplay/qmldir

@@ -1,4 +1,5 @@
 Module QGroundControl.FlightDisplay
 
 FlightDisplayView           1.0 FlightDisplayView.qml
+FlightDisplayViewMap        1.0 FlightDisplayViewMap.qml
 

src/QmlControls/QGCPipable.qml

@@ -0,0 +1,94 @@
+/*=====================================================================
+
+QGroundControl Open Source Ground Control Station
+
+(c) 2009, 2016 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/>.
+
+======================================================================*/
+
+import QtQuick                      2.5
+import QtQuick.Controls             1.3
+
+import QGroundControl               1.0
+import QGroundControl.ScreenTools   1.0
+import QGroundControl.Controls      1.0
+import QGroundControl.Palette       1.0
+
+Item {
+    id: pip
+
+    property bool isHidden:  false
+    property bool isDark:    false
+
+    signal  activated()
+    signal  hideIt(bool state)
+
+    MouseArea {
+        anchors.fill: parent
+        enabled:      !isHidden
+        onClicked: {
+            pip.activated()
+        }
+    }
+
+    //-- PIP Corner Indicator
+    Image {
+        id:             closePIP
+        source:         "/qmlimages/PiP.svg"
+        mipmap:         true
+        fillMode:       Image.PreserveAspectFit
+        anchors.left:   parent.left
+        anchors.bottom: parent.bottom
+        visible:        !isHidden
+        height:         ScreenTools.defaultFontPixelSize * 2.5
+        width:          ScreenTools.defaultFontPixelSize * 2.5
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+                pip.hideIt(true)
+            }
+        }
+    }
+
+    //-- Show PIP
+    Rectangle {
+        id:                     openPIP
+        anchors.left :          parent.left
+        anchors.bottom:         parent.bottom
+        height:                 ScreenTools.defaultFontPixelSize * 2
+        width:                  ScreenTools.defaultFontPixelSize * 2
+        radius:                 ScreenTools.defaultFontPixelSize / 3
+        visible:                isHidden
+        color:                  isDark ? Qt.rgba(0,0,0,0.75) : Qt.rgba(0,0,0,0.5)
+        Image {
+            width:              parent.width  * 0.75
+            height:             parent.height * 0.75
+            source:             "/res/buttonRight.svg"
+            mipmap:             true
+            fillMode:           Image.PreserveAspectFit
+            anchors.verticalCenter:     parent.verticalCenter
+            anchors.horizontalCenter:   parent.horizontalCenter
+        }
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+                pip.hideIt(false)
+            }
+        }
+    }
+}

src/QmlControls/QGroundControl.Controls.qmldir

@@ -21,6 +21,7 @@ QGCComboBox             1.0 QGCComboBox.qml
 QGCFlickable            1.0 QGCFlickable.qml
 QGCLabel                1.0 QGCLabel.qml
 QGCMovableItem          1.0 QGCMovableItem.qml
+QGCPipable              1.0 QGCPipable.qml
 QGCRadioButton          1.0 QGCRadioButton.qml
 QGCTextField            1.0 QGCTextField.qml
 QGCToolBarButton        1.0 QGCToolBarButton.qml