Added animated visuals (#8402)

Author: yaira2

src/Files/UserControls/NavigationToolbar.xaml

@@ -2,6 +2,7 @@
     x:Class="Files.UserControls.NavigationToolbar"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
     xmlns:contract8Present="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractPresent(Windows.Foundation.UniversalApiContract,8)"
     xmlns:converters="using:Files.Converters"
     xmlns:converters1="using:Microsoft.Toolkit.Uwp.UI.Converters"
@@ -584,15 +585,23 @@
                     x:Name="SettingsButton"
                     Width="36"
                     Height="32"
+                    Padding="0"
                     AccessKey="I"
                     AutomationProperties.AutomationId="SettingsButton"
                     AutomationProperties.Name="{helpers:ResourceString Name=NavSettingsButton}"
                     Background="Transparent"
+                    BorderThickness="0"
                     Command="{x:Bind SettingsButtonCommand, Mode=OneWay}"
-                    Style="{StaticResource ToolBarButtonStyle}"
                     ToolTipService.ToolTip="{helpers:ResourceString Name=NavSettingsButton}"
                     Visibility="{x:Bind ShowSettingsButton, Mode=OneWay}">
-                    <FontIcon FontSize="14" Glyph="&#xE115;" />
+                    <muxc:AnimatedIcon x:Name="SettingAnimatedIcon" Height="16">
+                        <muxc:AnimatedIcon.Source>
+                            <animatedvisuals:AnimatedSettingsVisualSource />
+                        </muxc:AnimatedIcon.Source>
+                        <muxc:AnimatedIcon.FallbackIconSource>
+                            <muxc:SymbolIconSource Symbol="Setting" />
+                        </muxc:AnimatedIcon.FallbackIconSource>
+                    </muxc:AnimatedIcon>
                 </Button>
             </StackPanel>
 

src/Files/UserControls/SearchBox.xaml

@@ -2,9 +2,11 @@
     x:Class="Files.UserControls.SearchBox"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:fs="using:Files.Filesystem"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
     d:DesignHeight="300"
     d:DesignWidth="400"
     mc:Ignorable="d">
@@ -74,7 +76,14 @@
         TextChanged="SearchRegion_TextChanged"
         UpdateTextOnSelect="False">
         <AutoSuggestBox.QueryIcon>
-            <FontIcon FontSize="14" Glyph="&#xE094;" />
+            <muxc:AnimatedIcon x:Name="SearchAnimatedIcon" Height="16">
+                <muxc:AnimatedIcon.Source>
+                    <animatedvisuals:AnimatedFindVisualSource />
+                </muxc:AnimatedIcon.Source>
+                <muxc:AnimatedIcon.FallbackIconSource>
+                    <muxc:SymbolIconSource Symbol="Find" />
+                </muxc:AnimatedIcon.FallbackIconSource>
+            </muxc:AnimatedIcon>
         </AutoSuggestBox.QueryIcon>
         <AutoSuggestBox.KeyboardAccelerators>
             <KeyboardAccelerator Key="Escape" Invoked="SearchRegion_Escaped" />