Added connected animation to game page

Author: szv

src/Codebreaker.WinUI/Views/Components/PegSelectionComponent.xaml.cs

@@ -1,12 +1,16 @@
 using Codebreaker.ViewModels;
+using CommunityToolkit.Mvvm.Messaging;
+using Microsoft.UI.Xaml.Media.Animation;
 
 namespace CodeBreaker.WinUI.Views.Components;
 
-internal sealed partial class PegSelectionComponent : UserControl
+internal sealed partial class PegSelectionComponent : UserControl, IRecipient<GameMoveMessage>
 {
     public PegSelectionComponent()
     {
         InitializeComponent();
+        WeakReferenceMessenger.Default.Register(this);
+        WeakReferenceMessenger.Default.UnregisterAllOnUnloaded(this);
     }
 
     public GamePageViewModel ViewModel
@@ -22,4 +26,13 @@ public GamePageViewModel ViewModel
     public static readonly DependencyProperty ViewModelProperty =
         DependencyProperty.Register("ViewModel", typeof(GamePageViewModel), typeof(PegSelectionComponent), new PropertyMetadata(null));
 
+    public void Receive(GameMoveMessage message)
+    {
+        if (message.GameMoveValue is not GameMoveValue.Started)
+            return;
+
+        var animationService = ConnectedAnimationService.GetForCurrentView();
+        this.FindItemsOfType<ComboBox>(this)
+            .Foreach((comboBox, i) => animationService.PrepareToAnimate($"guess{i}", comboBox));
+    }
 }

src/Codebreaker.WinUI/Views/Pages/GamePage.xaml.cs

@@ -1,17 +1,45 @@
 using Codebreaker.ViewModels;
+using CommunityToolkit.Mvvm.Messaging;
+using Microsoft.UI.Xaml.Media.Animation;
+using Microsoft.UI.Xaml.Shapes;
 
 namespace CodeBreaker.WinUI.Views.Pages;
 
 /// <summary>
 /// An empty page that can be used on its own or navigated to within a Frame.
 /// </summary>
-public sealed partial class GamePage : Page
+public sealed partial class GamePage : Page, IRecipient<GameMoveMessage>
 {
     public GamePageViewModel ViewModel { get; }
 
     public GamePage()
     {
         ViewModel = App.GetService<GamePageViewModel>();
         InitializeComponent();
+        WeakReferenceMessenger.Default.Register(this);
+        WeakReferenceMessenger.Default.UnregisterAllOnUnloaded(this);
+    }
+
+    public void Receive(GameMoveMessage message)
+    {
+        if (message.GameMoveValue is not GameMoveValue.Completed)
+            return;
+
+        var selectionAndKeyPegs = message.SelectionAndKeyPegs ?? throw new InvalidOperationException();
+        var animationService = ConnectedAnimationService.GetForCurrentView();
+        animationService.DefaultDuration = TimeSpan.FromMilliseconds(500);
+        var container = listGameMoves.ItemContainerGenerator.ContainerFromItem(selectionAndKeyPegs);
+        this.FindItemsOfType<Ellipse>(container)
+            .Foreach((ellipse, i) =>
+            {
+                ConnectedAnimation? animation = animationService.GetAnimation($"guess{i}");
+
+                // No animation found for this ellipxe -> the ellipse is most likely a key-peg
+                if (animation is null)
+                    return;
+
+                animation.Configuration = new BasicConnectedAnimationConfiguration();
+                animation.TryStart(ellipse);
+            });
     }
 }