EffectComposer: add zoom indicator

Change-Id: Iaedd1ec9d6f7ee169a3b69fff4a33051786653bf
Reviewed-by: Miikka Heikkinen <miikka.heikkinen@qt.io>

1 files changed, 29 insertions, 0 deletions

diff --git a/share/qtcreator/qmldesigner/effectComposerQmlSources/EffectComposerPreview.qml b/share/qtcreator/qmldesigner/effectComposerQmlSources/EffectComposerPreview.qml
index 892132a39f..50c8e32c71 100644
--- a/share/qtcreator/qmldesigner/effectComposerQmlSources/EffectComposerPreview.qml
+++ b/share/qtcreator/qmldesigner/effectComposerQmlSources/EffectComposerPreview.qml
@@ -93,6 +93,7 @@ Column {
                     sourceImage.enableAnim(true)
                     sourceImage.scale += .2
                     sourceImage.enableAnim(false)
+                    zoomIndicator.show()
                 }
             }
 
@@ -106,6 +107,7 @@ Column {
                     sourceImage.enableAnim(true)
                     sourceImage.scale -= .2
                     sourceImage.enableAnim(false)
+                    zoomIndicator.show()
                 }
             }
 
@@ -211,6 +213,7 @@ Column {
                 sourceImage.y += (sourceImage.y + sourceImage.height * .5 - wheel.y) * dScale;
 
                 sourceImage.checkBounds()
+                zoomIndicator.show()
             }
 
             Timer { // pan timer
@@ -332,6 +335,32 @@ Column {
             layer.smooth: true
         }
 
+        Rectangle {
+            id: zoomIndicator
+
+            width: 40
+            height: 20
+            color: StudioTheme.Values.themeDialogBackground
+            visible: false
+
+            function show() {
+                zoomIndicator.visible = true
+                zoomIndicatorTimer.start()
+            }
+
+            Text {
+                text: Math.round(sourceImage.scale * 100) + "%"
+                color: StudioTheme.Values.themeTextColor
+                anchors.centerIn: parent
+            }
+
+            Timer {
+                id: zoomIndicatorTimer
+                interval: 1000
+                onTriggered: zoomIndicator.visible = false
+            }
+        }
+
         Connections {
             target: effectComposerModel
             function onShadersBaked() {