Merge pull request #72 from RyanLua/page-transitions

Add page transitions

Author: RyanLua

FluentAutoClicker/MainPage.xaml

@@ -10,6 +10,7 @@
     xmlns:helpers="using:FluentAutoClicker.Helpers"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:ui="using:CommunityToolkit.WinUI"
+    xmlns:win="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     NavigationCacheMode="Enabled"
     mc:Ignorable="d">
 
@@ -32,6 +33,11 @@
             <ColumnDefinition Width="*" />
         </Grid.ColumnDefinitions>
 
+        <win:Grid.ChildrenTransitions>
+            <win:EntranceThemeTransition FromVerticalOffset="50" />
+            <win:RepositionThemeTransition IsStaggeringEnabled="False" />
+        </win:Grid.ChildrenTransitions>
+
         <!--  Click Interval  -->
         <StackPanel Grid.ColumnSpan="2" Spacing="{StaticResource StackPanelSpacing}">
             <controls:IsEnabledTextBlock x:Name="ClickIntervalTextBlock" x:Uid="TextBlockClickInterval" />

FluentAutoClicker/MainPage.xaml.cs

@@ -18,6 +18,7 @@
 using FluentAutoClicker.Helpers;
 using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Media.Animation;
 using Microsoft.Windows.BadgeNotifications;
 using Windows.Win32;
 using Windows.Win32.Foundation;
@@ -219,6 +220,6 @@ private void CheckBox_Click(object sender, RoutedEventArgs e)
     /// <param name="e">The event data.</param>
     private void SettingsButton_Click(object sender, RoutedEventArgs e)
     {
-        _ = Frame.Navigate(typeof(SettingsPage));
+        _ = Frame.Navigate(typeof(SettingsPage), null, new SuppressNavigationTransitionInfo());
     }
 }

FluentAutoClicker/SettingsPage.xaml

@@ -33,6 +33,11 @@
                 HorizontalAlignment="Stretch"
                 Spacing="{StaticResource SettingsCardSpacing}">
 
+                <win:StackPanel.ChildrenTransitions>
+                    <win:EntranceThemeTransition FromVerticalOffset="50" />
+                    <win:RepositionThemeTransition IsStaggeringEnabled="False" />
+                </win:StackPanel.ChildrenTransitions>
+
                 <TextBlock x:Uid="SettingsSubtitleTextBlock" Style="{StaticResource SubtitleTextBlockStyle}" />
 
                 <TextBlock x:Uid="AppearanceSettingsSectionHeaderTextBlock" Style="{StaticResource SettingsSectionHeaderTextBlockStyle}" />