New QGCColoredImageControl

src/QmlControls/QGCColoredImage.qml

+import QtQuick 2.2
+import QtQuick.Controls 1.2
+import QtQuick.Controls.Styles 1.2
+import QtGraphicalEffects 1.0
+
+import QGroundControl.Palette 1.0
+
+Item {
+    property color color: "white"   // Image color
+
+    property alias asynchronous: image.asynchronous
+    property alias cache: image.cache
+    property alias fillMode: image.fillMode
+    property alias horizontalAlignment: image.horizontalAlignment
+    property alias mirror: image.mirror
+    property alias paintedHeight: image.paintedHeight
+    property alias paintedWidth: image.paintedWidth
+    property alias progress: image.progress
+    property alias smooth: image.smooth
+    property alias source: image.source
+    property alias sourceSize: image.sourceSize
+    property alias status: image.status
+    property alias verticalAlignment: image.verticalAlignment
+
+    width: image.width
+    height: image.height
+
+    Image {
+        id: image
+        smooth: true
+        visible: false
+        anchors.fill: parent
+    }
+
+    ColorOverlay {
+        anchors.fill: image
+        source: image
+        color: parent.color
+    }
+}
\ No newline at end of file

src/QmlControls/qmldir

@@ -6,3 +6,4 @@ QGCRadioButton 1.0 QGCRadioButton.qml
 QGCCheckBox 1.0 QGCCheckBox.qml
 QGCTextField 1.0 QGCTextField.qml
 QGCComboBox 1.0 QGCComboBox.qml
+QGCColoredImage 1.0 QGCColoredImage.qml