Added an animation when navigating Gerayis (#106)

Gerayis/MainWindow.xaml.cs

@@ -56,6 +56,8 @@ private void InitUI()
 
 			CheckButton(BarCodeTabBtn); // Check the start page button
 			PageContent.Content = Global.BarCodePage;
+
+			PageContent.Navigated += (o, e) => AnimatePage();
 		}
 
 		private void CheckButton(Button button)
@@ -136,5 +138,21 @@ private void PinBtn_Click(object sender, RoutedEventArgs e)
 			PinBtn.Content = Topmost ? "\uF604" : "\uF602"; // Set text
 			PinToolTip.Content = Topmost ? Properties.Resources.Unpin : Properties.Resources.Pin; // Set text
 		}
+
+		private void AnimatePage()
+		{
+			Storyboard storyboard = new();
+
+			ThicknessAnimationUsingKeyFrames t = new();
+			t.KeyFrames.Add(new SplineThicknessKeyFrame(new(0, 30, 0, 0), KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0))));
+			t.KeyFrames.Add(new SplineThicknessKeyFrame(new(0), KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0.1))));
+			t.AccelerationRatio = 0.5;
+
+			storyboard.Children.Add(t);
+
+			Storyboard.SetTargetName(t, PageContent.Name);
+			Storyboard.SetTargetProperty(t, new(Frame.MarginProperty));
+			storyboard.Begin(this);
+		}
 	}
 }