Added subtle listview animation (#7311)

Author: yaira2

src/Files/Views/LayoutModes/ColumnViewBase.xaml

@@ -3,11 +3,15 @@
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:ViewModels="using:Files.ViewModels"
+    xmlns:animations="using:Microsoft.Toolkit.Uwp.UI.Animations"
+    xmlns:behaviors="using:Microsoft.Toolkit.Uwp.UI.Behaviors"
     xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
     xmlns:converters="using:Microsoft.Toolkit.Uwp.UI.Converters"
     xmlns:converters1="using:Files.Converters"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:helpers="using:Files.Helpers"
+    xmlns:i="using:Microsoft.Xaml.Interactivity"
+    xmlns:icore="using:Microsoft.Xaml.Interactions.Core"
     xmlns:local="using:Files"
     xmlns:local2="using:Files.Filesystem"
     xmlns:local3="using:Files.Filesystem.Cloud"
@@ -171,9 +175,7 @@
 
                     <ListView.ItemContainerTransitions>
                         <TransitionCollection>
-                            <!--<ContentThemeTransition />-->
-                            <ReorderThemeTransition />
-                            <EntranceThemeTransition IsStaggeringEnabled="False" />
+                            <AddDeleteThemeTransition />
                         </TransitionCollection>
                     </ListView.ItemContainerTransitions>
 
@@ -196,6 +198,26 @@
                                     <ColumnDefinition Width="*" />
                                     <ColumnDefinition Width="Auto" />
                                 </Grid.ColumnDefinitions>
+                                <animations:Explicit.Animations>
+                                    <animations:AnimationSet x:Name="FadeAnimation">
+                                        <animations:OpacityAnimation
+                                            Delay="0"
+                                            EasingMode="EaseIn"
+                                            EasingType="Linear"
+                                            From="0"
+                                            To="1"
+                                            Duration="0:0:.05" />
+                                        <animations:TranslationAnimation
+                                            From="0, 5, 0"
+                                            To="0"
+                                            Duration="0:0:.1" />
+                                    </animations:AnimationSet>
+                                </animations:Explicit.Animations>
+                                <i:Interaction.Behaviors>
+                                    <icore:EventTriggerBehavior EventName="Loaded">
+                                        <behaviors:StartAnimationAction Animation="{Binding ElementName=FadeAnimation}" />
+                                    </icore:EventTriggerBehavior>
+                                </i:Interaction.Behaviors>
                                 <Grid
                                     Grid.Column="0"
                                     Width="24"

src/Files/Views/LayoutModes/DetailsLayoutBrowser.xaml

@@ -518,6 +518,26 @@
                                     <ColumnDefinition Width="{Binding ColumnsViewModel.SizeColumn.LengthIncludingGridSplitter, ElementName=PageRoot, Mode=OneWay}" />
                                     <ColumnDefinition Width="{Binding ColumnsViewModel.StatusColumn.LengthIncludingGridSplitter, ElementName=PageRoot, Mode=OneWay}" />
                                 </Grid.ColumnDefinitions>
+                                <animations:Explicit.Animations>
+                                    <animations:AnimationSet x:Name="FadeAnimation">
+                                        <animations:OpacityAnimation
+                                            Delay="0"
+                                            EasingMode="EaseIn"
+                                            EasingType="Linear"
+                                            From="0"
+                                            To="1"
+                                            Duration="0:0:0.05" />
+                                        <animations:TranslationAnimation
+                                            From="0, 5, 0"
+                                            To="0"
+                                            Duration="0:0:.1" />
+                                    </animations:AnimationSet>
+                                </animations:Explicit.Animations>
+                                <i:Interaction.Behaviors>
+                                    <icore:EventTriggerBehavior EventName="Loaded">
+                                        <behaviors:StartAnimationAction Animation="{Binding ElementName=FadeAnimation}" />
+                                    </icore:EventTriggerBehavior>
+                                </i:Interaction.Behaviors>
                                 <Grid
                                     x:Uid="FileBrowserThumbnailIconColumnGrid"
                                     Grid.Column="0"

src/Files/Views/LayoutModes/GridViewBrowser.xaml

@@ -574,9 +574,6 @@
                     <controls:AdaptiveGridView.ItemContainerTransitions>
                         <TransitionCollection>
                             <AddDeleteThemeTransition />
-                            <!--<ContentThemeTransition />-->
-                            <ReorderThemeTransition />
-                            <EntranceThemeTransition IsStaggeringEnabled="False" />
                         </TransitionCollection>
                     </controls:AdaptiveGridView.ItemContainerTransitions>
 

src/Files/Views/ModernShellPage.xaml.cs

@@ -1088,7 +1088,7 @@ public void NavigateToPath(string navigationPath, Type sourcePageType, Navigatio
                     || ItemDisplayFrame.Content.GetType() == typeof(WidgetsPage) &&
                     (sourcePageType == typeof(DetailsLayoutBrowser) || sourcePageType == typeof(GridViewBrowser)))
                 {
-                    transition = new EntranceNavigationTransitionInfo();
+                    transition = new SuppressNavigationTransitionInfo();
                 }
 
                 ItemDisplayFrame.Navigate(