Easing: add changelog entry and remove rectangle with hardcoded backg…

…round in gallery
task-jp · Nov 3, 2023 · c70f203 · c70f203
1 parent b205361
commit c70f203
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 50 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -26,6 +26,7 @@ All notable changes to this project are documented in this file.
  - `ComboBox` selection can now be changed by scroll event
  - `SpinBox` value can now be incremented and decremented by scroll event
  - Added `focus-changed-event` callback to `FocusScope`
+ - Added many new easing curves.
 
 ### Rust
 

diff --git a/examples/gallery/ui/pages/easings_page.slint b/examples/gallery/ui/pages/easings_page.slint
@@ -55,58 +55,53 @@ export component EasingsPage inherits Page {
     // Swap to the line below to crash the Rust code generator
     // private property <int> curr-duration: slider.value;
 
-    Rectangle {
-        border-radius: 8px;
-        background: #F4F4F4;
-
-        VerticalLayout {
-            padding: 10px;
-            spacing: 10px;
-
-            Button {
-                text: "Animate All!";
-                clicked => {
-                    linear-test.animate();
-                    ease-in-quad-test.animate();
-                    ease-out-quad-test.animate();
-                    ease-in-out-quad-test.animate();
-                    ease-test.animate();
-                    ease-in-test.animate();
-                    ease-out-test.animate();
-                    ease-in-out-test.animate();
-                    ease-in-quart-test.animate();
-                    ease-out-quart-test.animate();
-                    ease-in-out-quart-test.animate();
-                    ease-in-quint-test.animate();
-                    ease-out-quint-test.animate();
-                    ease-in-out-quint-test.animate();
-                    ease-in-expo-test.animate();
-                    ease-out-expo-test.animate();
-                    ease-in-out-expo-test.animate();
-                    ease-in-sine-test.animate();
-                    ease-out-sine-test.animate();
-                    ease-in-out-sine-test.animate();
-                    ease-in-back-test.animate();
-                    ease-out-back-test.animate();
-                    ease-in-out-back-test.animate();
-                    ease-in-circ-test.animate();
-                    ease-out-circ-test.animate();
-                    ease-in-out-circ-test.animate();
-                    ease-in-elastic-test.animate();
-                    ease-out-elastic-test.animate();
-                    ease-in-out-elastic-test.animate();
-                    ease-in-bounce-test.animate();
-                    ease-out-bounce-test.animate();
-                    ease-in-out-bounce-test.animate();
-                }
+    VerticalLayout {
+        padding: 10px;
+        spacing: 10px;
+
+        Button {
+            text: "Animate All!";
+            clicked => {
+                linear-test.animate();
+                ease-in-quad-test.animate();
+                ease-out-quad-test.animate();
+                ease-in-out-quad-test.animate();
+                ease-test.animate();
+                ease-in-test.animate();
+                ease-out-test.animate();
+                ease-in-out-test.animate();
+                ease-in-quart-test.animate();
+                ease-out-quart-test.animate();
+                ease-in-out-quart-test.animate();
+                ease-in-quint-test.animate();
+                ease-out-quint-test.animate();
+                ease-in-out-quint-test.animate();
+                ease-in-expo-test.animate();
+                ease-out-expo-test.animate();
+                ease-in-out-expo-test.animate();
+                ease-in-sine-test.animate();
+                ease-out-sine-test.animate();
+                ease-in-out-sine-test.animate();
+                ease-in-back-test.animate();
+                ease-out-back-test.animate();
+                ease-in-out-back-test.animate();
+                ease-in-circ-test.animate();
+                ease-out-circ-test.animate();
+                ease-in-out-circ-test.animate();
+                ease-in-elastic-test.animate();
+                ease-out-elastic-test.animate();
+                ease-in-out-elastic-test.animate();
+                ease-in-bounce-test.animate();
+                ease-out-bounce-test.animate();
+                ease-in-out-bounce-test.animate();
             }
+        }
 
-            HorizontalLayout {
-                spacing: 10px;
-                Text { text: "Duration"; }
-                slider := Slider { minimum: 100; maximum: 5000; value: 1000; }
-                Text { text: "" + round(slider.value) + "ms"; }
-            }
+        HorizontalLayout {
+            spacing: 10px;
+            Text { text: "Duration"; }
+            slider := Slider { minimum: 100; maximum: 5000; value: 1000; }
+            Text { text: "" + round(slider.value) + "ms"; }
         }
     }