From 09a0f74bd82552b247586daa9326323abec109a0 Mon Sep 17 00:00:00 2001 From: "Lubomir I. Ivanov" Date: Thu, 20 Jul 2017 03:13:12 +0300 Subject: [PATCH] mapwidget.qml: animate the map type toggle image on click Add a SequentialAnimation that performs a slight animation of the toggle image scale. Signed-off-by: Lubomir I. Ivanov --- mobile-widgets/qml/MapWidget.qml | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/mobile-widgets/qml/MapWidget.qml b/mobile-widgets/qml/MapWidget.qml index 736f7bc7d..96dab8004 100644 --- a/mobile-widgets/qml/MapWidget.qml +++ b/mobile-widgets/qml/MapWidget.qml @@ -114,12 +114,25 @@ Item { } Image { + id: toggleImage x: 10; y: x source: "qrc:///mapwidget-toggle-" + (map.activeMapType === map.mapType.SATELLITE ? "street" : "satellite") + + SequentialAnimation { + id: toggleImageAnimation + PropertyAnimation { + target: toggleImage; property: "scale"; from: 1.0; to: 0.8; duration: 120; + } + PropertyAnimation { + target: toggleImage; property: "scale"; from: 0.8; to: 1.0; duration: 80; + } + } + MouseArea { anchors.fill: parent onClicked: { map.activeMapType = map.activeMapType === map.mapType.SATELLITE ? map.mapType.STREET : map.mapType.SATELLITE + toggleImageAnimation.restart() } } }