Porting the Connected Animations sample (#180)

* Minor implicit sample tweak

* Adding Connected Animations sample

* XAML styler

* Changes

* Renamed duplicate files

---------

Co-authored-by: Arlo Godfrey <arlo.godfrey@outlook.com>

Author: niels9001

components/Animations/samples/Animations.Samples.csproj

@@ -5,4 +5,36 @@
 
   <!-- Sets this up as a toolkit component's sample project -->
   <Import Project="$(ToolingDirectory)\ToolkitComponent.SampleProject.props" />
+  <ItemGroup>
+    <None Remove="Assets\BigFourSummerHeat2.jpg" />
+    <None Remove="Assets\BisonBadlandsChillin2.jpg" />
+    <None Remove="Assets\ColumbiaRiverGorge.jpg" />
+    <None Remove="Assets\GrandTetons.jpg" />
+    <None Remove="Assets\MitchellButtes.jpg" />
+    <None Remove="Assets\OregonWineryNamaste.jpg" />
+    <None Remove="Assets\RunningDogPacificCity.jpg" />
+  </ItemGroup>
+  <ItemGroup>
+    <Content Include="Assets\BigFourSummerHeat2.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Assets\BisonBadlandsChillin2.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Assets\ColumbiaRiverGorge.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Assets\GrandTetons.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Assets\MitchellButtes.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Assets\OregonWineryNamaste.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Assets\RunningDogPacificCity.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
 </Project>

components/Animations/samples/AnimationsImplicitSample.xaml

@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="AnimationsExperiment.Samples.AnimationsImplicitSample"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -8,10 +8,9 @@
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
       xmlns:ui="CommunityToolkit.WinUI"
       mc:Ignorable="d">
-    <Grid>
+    <Grid Height="480">
         <Grid.RowDefinitions>
-            <RowDefinition Height="*"
-                           MinHeight="420" />
+            <RowDefinition Height="*" />
             <RowDefinition Height="Auto" />
         </Grid.RowDefinitions>
         <Canvas>
@@ -20,7 +19,8 @@
                     Canvas.Top="100"
                     Width="100"
                     Height="100"
-                    Background="{ThemeResource AccentFillColorDefaultBrush}">
+                    Background="{ThemeResource AccentFillColorDefaultBrush}"
+                    CornerRadius="{StaticResource ControlCornerRadius}">
 
                 <animations:Implicit.ShowAnimations>
                     <animations:TranslationAnimation From="0, -200, 0"