[vlc-commits] qml: make StackViewExt transition animation smooth & lower the duration

[Fatih Uzunoglu]

vlc | branch: master | Fatih Uzunoglu <fuzun54 at outlook.com> | Fri Dec  4 02:01:48 2020 +0300| [ed5f80244bda57fdfb198eb9fbd1bd5c5ced9752] | committer: Pierre Lamot

qml: make StackViewExt transition animation smooth & lower the duration

This patch fixes the annoying transition effect of StackViewExt. With sine easing, it is smoother even at half duration.

Signed-off-by: Pierre Lamot <pierre at videolabs.io>

> http://git.videolan.org/gitweb.cgi/vlc.git/?a=commit;h=ed5f80244bda57fdfb198eb9fbd1bd5c5ced9752
---

 modules/gui/qt/widgets/qml/StackViewExt.qml | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/modules/gui/qt/widgets/qml/StackViewExt.qml b/modules/gui/qt/widgets/qml/StackViewExt.qml
index 16e93e01d2..7bceef3f95 100644
--- a/modules/gui/qt/widgets/qml/StackViewExt.qml
+++ b/modules/gui/qt/widgets/qml/StackViewExt.qml
@@ -29,18 +29,20 @@ StackView {
     replaceEnter: Transition {
         PropertyAnimation {
             property: "opacity"
-            from: 0
-            to:1
-            duration: 500
+            from: 0.0
+            to: 1.0
+            duration: 250
+            easing.type: Easing.InSine
         }
     }
 
     replaceExit: Transition {
         PropertyAnimation {
             property: "opacity"
-            from: 1
-            to:0
-            duration: 500
+            from: 1.0
+            to: 0.0
+            duration: 250
+            easing.type: Easing.OutSine
         }
     }