Gallery: don't hinerit from layout

it has performences implication as if you inherit from a layout it is always inlined Since this component is used many times, it makes a difference
task-jp · Nov 7, 2023 · f4591d4 · f4591d4
1 parent 2f64105
commit f4591d4
Showing 1 changed file with 25 additions and 23 deletions.
diff --git a/examples/gallery/ui/pages/easings_page.slint b/examples/gallery/ui/pages/easings_page.slint
@@ -4,9 +4,7 @@
 import { Page } from "page.slint";
 import { Button, HorizontalBox, Slider, ScrollView } from "std-widgets.slint";
 
-component EaseTest inherits HorizontalLayout {
-    padding: 10px;
-    spacing: 10px;
+component EaseTest {
 
     in property <string> label: "None";
     in property <easing> easing: linear;
@@ -19,28 +17,32 @@ component EaseTest inherits HorizontalLayout {
             ball.x = 0;
         }
     }
+    HorizontalLayout {
+        padding: 10px;
+        spacing: 10px;
 
-    Button {
-        width: 140px;
-        horizontal-stretch: 0;
-        text: label; clicked => { root.animate(); }
-    }
+        Button {
+            width: 140px;
+            horizontal-stretch: 0;
+            text: label; clicked => { root.animate(); }
+        }
 
-    VerticalLayout {
-        alignment: center;
-        container := Rectangle {
-            horizontal-stretch: 1;
-            height: 4px;
-            border-radius: 2px;
-            background: grey;
-
-            ball := Rectangle {
-                x: 0px;
-                width: 16px;
-                height: 16px;
-                border-radius: 5px;
-                background: blue;
-                animate x { duration: duration * 1ms; easing: easing; }
+        VerticalLayout {
+            alignment: center;
+            container := Rectangle {
+                horizontal-stretch: 1;
+                height: 4px;
+                border-radius: 2px;
+                background: grey;
+
+                ball := Rectangle {
+                    x: 0px;
+                    width: 16px;
+                    height: 16px;
+                    border-radius: 5px;
+                    background: blue;
+                    animate x { duration: duration * 1ms; easing: easing; }
+                }
             }
         }
     }