Use new QGCListView

Shows horizontal/vertical scroll indicators

qgroundcontrol.qrc

@@ -65,6 +65,7 @@
         <file alias="QGroundControl/Controls/QGCFlickableHorizontalIndicator.qml">src/QmlControls/QGCFlickableHorizontalIndicator.qml</file>
         <file alias="QGroundControl/Controls/QGCFlickableVerticalIndicator.qml">src/QmlControls/QGCFlickableVerticalIndicator.qml</file>
         <file alias="QGroundControl/Controls/QGCLabel.qml">src/QmlControls/QGCLabel.qml</file>
+        <file alias="QGroundControl/Controls/QGCListView.qml">src/QmlControls/QGCListView.qml</file>
         <file alias="QGroundControl/Controls/QGCMobileFileDialog.qml">src/QmlControls/QGCMobileFileDialog.qml</file>
         <file alias="QGroundControl/Controls/QGCMovableItem.qml">src/QmlControls/QGCMovableItem.qml</file>
         <file alias="QGroundControl/Controls/QGCPipable.qml">src/QmlControls/QGCPipable.qml</file>

src/MissionEditor/MissionEditor.qml

@@ -732,7 +732,7 @@ QGCView {
                         onWheel:            wheel.accepted = true
                     }
 
-                    ListView {
+                    QGCListView {
                         id:             missionItemEditorListView
                         anchors.left:   parent.left
                         anchors.right:  parent.right
@@ -766,7 +766,7 @@ QGCView {
 
                             onMoveHomeToMapCenter: _visualItems.get(0).coordinate = editorMap.center
                         }
-                    } // ListView
+                    } // QGCListView
                 } // Item - Mission Item editor
 
                 // GeoFence Editor

src/MissionEditor/MissionItemStatus.qml

@@ -111,7 +111,7 @@ Rectangle {
             QGCLabel { text: _azimuthText }
         }
 
-        ListView {
+        QGCListView {
             id:                     statusListView
             model:                  missionItems
             highlightMoveDuration:  250

src/QmlControls/AppMessages.qml

@@ -96,7 +96,7 @@ QGCView {
                 }
             }
 
-            ListView {
+            QGCListView {
                 Component.onCompleted: {
                     loaded = true
                 }

src/QmlControls/MissionCommandDialog.qml

@@ -51,7 +51,7 @@ QGCViewDialog {
         onActivated: categorySelected(textAt(index))
     }
 
-    ListView {
+    QGCListView {
         id:                 commandList
         anchors.margins:    ScreenTools.defaultFontPixelHeight
         anchors.left:       parent.left
@@ -101,5 +101,5 @@ QGCViewDialog {
                 }
             }
         }
-    } // ListView
+    } // QGCListView
 } // QGCViewDialog

src/QmlControls/ParameterEditor.qml

@@ -180,7 +180,7 @@ QGCView {
         }
 
         /// Parameter list
-        ListView {
+        QGCListView {
             id:                 editorListView
             anchors.leftMargin: ScreenTools.defaultFontPixelWidth
             anchors.left:       _searchFilter ? parent.left : groupScroll.right

src/QmlControls/QGCFlickable.qml

@@ -1,8 +1,8 @@
-import QtQuick  2.5
+import QtQuick 2.5
 
-import QGroundControl.Palette       1.0
-import QGroundControl.ScreenTools   1.0
+import QGroundControl.Palette 1.0
 
+/// QGC version of Flickable control that shows horizontal/vertial scroll indicators
 Flickable {
     id:             root
     boundsBehavior: Flickable.StopAtBounds

src/QmlControls/QGCListView.qml

@@ -0,0 +1,20 @@
+import QtQuick 2.5
+
+import QGroundControl.Palette 1.0
+
+/// QGC version of ListVIew control that shows horizontal/vertial scroll indicators
+ListView {
+    id:             root
+    boundsBehavior: Flickable.StopAtBounds
+
+    property color indicatorColor: qgcPal.text
+
+    QGCPalette { id: qgcPal; colorGroupEnabled: enabled }
+
+    Component.onCompleted: {
+        var indicatorComponent = Qt.createComponent("QGCFlickableVerticalIndicator.qml")
+        indicatorComponent.createObject(root)
+        indicatorComponent = Qt.createComponent("QGCFlickableHorizontalIndicator.qml")
+        indicatorComponent.createObject(root)
+    }
+}

src/QmlControls/QGCMobileFileDialog.qml

@@ -96,7 +96,7 @@ QGCViewDialog {
             anchors.margins:    _margins
             anchors.fill:       parent
 
-            ListView {
+            QGCListView {
                 anchors.fill:   parent
                 spacing:        _margins / 2
                 orientation:    ListView.Vertical

src/QmlControls/QGroundControl.Controls.qmldir

@@ -27,6 +27,7 @@ QGCColoredImage         1.0 QGCColoredImage.qml
 QGCComboBox             1.0 QGCComboBox.qml
 QGCFlickable            1.0 QGCFlickable.qml
 QGCLabel                1.0 QGCLabel.qml
+QGCListView             1.0 QGCListView.qml
 QGCMobileFileDialog     1.0 QGCMobileFileDialog.qml
 QGCMovableItem          1.0 QGCMovableItem.qml
 QGCPipable              1.0 QGCPipable.qml

src/ui/preferences/MavlinkSettings.qml

@@ -340,7 +340,7 @@ Rectangle {
                         color:          qgcPal.window
                         border.color:   qgcPal.text
                         border.width:   0.5
-                        ListView {
+                        QGCListView {
                             width:          ScreenTools.defaultFontPixelWidth  * 56
                             height:         ScreenTools.defaultFontPixelHeight * 12
                             anchors.centerIn: parent