From d6deda6414a011b01959db71dcfe04728b69c167 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wies=C5=82aw=20=C5=A0olt=C3=A9s?= <wieslaw.soltes@gmail.com>
Date: Mon, 19 Sep 2022 20:31:53 +0200
Subject: [PATCH] Add spring animation demo page

---
 samples/RenderDemo/MainWindow.xaml            |  3 ++
 .../Pages/SpringAnimationsPage.xaml           | 35 +++++++++++++++++++
 .../Pages/SpringAnimationsPage.xaml.cs        | 17 +++++++++
 3 files changed, 55 insertions(+)
 create mode 100644 samples/RenderDemo/Pages/SpringAnimationsPage.xaml
 create mode 100644 samples/RenderDemo/Pages/SpringAnimationsPage.xaml.cs

diff --git a/samples/RenderDemo/MainWindow.xaml b/samples/RenderDemo/MainWindow.xaml
index e6e62f86ed..823a0fbbef 100644
--- a/samples/RenderDemo/MainWindow.xaml
+++ b/samples/RenderDemo/MainWindow.xaml
@@ -39,6 +39,9 @@
     <TabItem Header="Custom Animator">
       <pages:CustomAnimatorPage />
     </TabItem>
+    <TabItem Header="Spring Animation">
+      <pages:SpringAnimationsPage />
+    </TabItem>
     <TabItem Header="Clipping">
       <pages:ClippingPage />
     </TabItem>
diff --git a/samples/RenderDemo/Pages/SpringAnimationsPage.xaml b/samples/RenderDemo/Pages/SpringAnimationsPage.xaml
new file mode 100644
index 0000000000..26d572bb3f
--- /dev/null
+++ b/samples/RenderDemo/Pages/SpringAnimationsPage.xaml
@@ -0,0 +1,35 @@
+<UserControl 
+  xmlns="https://github.com/avaloniaui" 
+  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
+  x:Class="RenderDemo.Pages.SpringAnimationsPage"
+  MaxWidth="600">
+  <UserControl.Resources>
+    <SpringEasing x:Key="SpringEasing" Mass="1" Stiffness="2000" Damping="20" InitialVelocity="0" />
+  </UserControl.Resources>
+  <UserControl.Styles>
+    <Style Selector="Border.spring">
+      <Style.Animations>
+        <Animation Duration="0:0:0.900" 
+                   IterationCount="Infinite" 
+                   PlaybackDirection="Normal" 
+                   Easing="{DynamicResource SpringEasing}">
+          <KeyFrame Cue="0%" KeySpline="">
+            <Setter Property="TranslateTransform.X" Value="-300"/>
+          </KeyFrame>
+          <KeyFrame Cue="100%">
+            <Setter Property="TranslateTransform.X" Value="0" />
+          </KeyFrame>
+        </Animation>
+      </Style.Animations>
+    </Style>
+  </UserControl.Styles>
+  <Grid>
+    <Border Classes="spring" Background="Red" Width="50" Height="50">
+      <Border.RenderTransform>
+        <TransformGroup>
+          <TranslateTransform />
+        </TransformGroup>
+      </Border.RenderTransform>
+    </Border>
+  </Grid>
+</UserControl>
diff --git a/samples/RenderDemo/Pages/SpringAnimationsPage.xaml.cs b/samples/RenderDemo/Pages/SpringAnimationsPage.xaml.cs
new file mode 100644
index 0000000000..78d3df2233
--- /dev/null
+++ b/samples/RenderDemo/Pages/SpringAnimationsPage.xaml.cs
@@ -0,0 +1,17 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace RenderDemo.Pages;
+
+public class SpringAnimationsPage : UserControl
+{
+    public SpringAnimationsPage()
+    {
+        InitializeComponent();
+    }
+
+    private void InitializeComponent()
+    {
+        AvaloniaXamlLoader.Load(this);
+    }
+}