Added VisualStateManager to GameResultDisplay

Author: szv

src/Codebreaker.WinUI/Views/Components/GameResultDisplay.xaml

@@ -21,18 +21,42 @@
         </animations:ImplicitAnimationSet>
     </UserControl.Resources>
     <Grid>
-        <StackPanel Orientation="Vertical"
-                    Visibility="{x:Bind ViewModel.GameStatus, Mode=OneWay, Converter={StaticResource GameStatusToVisibilityConverter}, ConverterParameter=Won, FallbackValue=Collapsed}"
-                    animations:Implicit.ShowAnimations="{StaticResource EntranceAnimation}"
-                    animations:Implicit.HideAnimations="{StaticResource ExitAnimation}">
+        <VisualStateManager.VisualStateGroups>
+            <VisualStateGroup>
+                <VisualState x:Name="Default">
+                    <VisualState.Setters>
+                        <Setter Target="WonPanel.Visibility" Value="Collapsed" />
+                        <Setter Target="LostPanel.Visibility" Value="Collapsed" />
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="Won">
+                    <VisualState.Setters>
+                        <Setter Target="WonPanel.Visibility" Value="Visible" />
+                        <Setter Target="LostPanel.Visibility" Value="Collapsed" />
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState x:Name="Lost">
+                    <VisualState.Setters>
+                        <Setter Target="WonPanel.Visibility" Value="Collapsed" />
+                        <Setter Target="LostPanel.Visibility" Value="Visible" />
+                    </VisualState.Setters>
+                </VisualState>
+            </VisualStateGroup>
+        </VisualStateManager.VisualStateGroups>
+        <StackPanel 
+            x:Name="WonPanel"
+            Orientation="Vertical"
+            animations:Implicit.ShowAnimations="{StaticResource EntranceAnimation}"
+            animations:Implicit.HideAnimations="{StaticResource ExitAnimation}">
             <Image Source="ms-appx:///Assets/Animations/WonAnimation_300_opt.gif"  MaxHeight="300" />
             <TextBlock Text="{cme:ResourceString Name=GamePage_WonMessage}" FontSize="{ThemeResource TextStyleExtraLargeFontSize}" HorizontalAlignment="Center" Margin="0,50,0,20" />
             <Button Content="{cme:ResourceString Name=GamePage_WonButtonText}" HorizontalAlignment="Center" Margin="0,0,0,50" Command="{x:Bind ViewModel.StartGameCommand, Mode=OneTime}" />
         </StackPanel>
-        <StackPanel Orientation="Vertical"
-                    Visibility="{x:Bind ViewModel.GameStatus, Mode=OneWay, Converter={StaticResource GameStatusToVisibilityConverter}, ConverterParameter=Lost, FallbackValue=Collapsed}"
-                    animations:Implicit.ShowAnimations="{StaticResource EntranceAnimation}"
-                    animations:Implicit.HideAnimations="{StaticResource ExitAnimation}">
+        <StackPanel
+            x:Name="LostPanel"
+            Orientation="Vertical"
+            animations:Implicit.ShowAnimations="{StaticResource EntranceAnimation}"
+            animations:Implicit.HideAnimations="{StaticResource ExitAnimation}">
             <Image Source="ms-appx:///Assets/Animations/LostAnimation_300_opt.gif"  MaxHeight="300" />
             <TextBlock Text="{cme:ResourceString Name=GamePage_LostMessage}" FontSize="{ThemeResource TextStyleExtraLargeFontSize}" HorizontalAlignment="Center" Margin="0,50,0,20" />
             <Button Content="{cme:ResourceString Name=GamePage_LostButtonText}" HorizontalAlignment="Center" Margin="0,0,0,50" Command="{x:Bind ViewModel.StartGameCommand, Mode=OneTime}" />

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

@@ -1,4 +1,5 @@
 using Codebreaker.ViewModels;
+using System.ComponentModel;
 
 namespace CodeBreaker.WinUI.Views.Components;
 
@@ -7,6 +8,7 @@ public sealed partial class GameResultDisplay : UserControl
     public GameResultDisplay()
     {
         InitializeComponent();
+        VisualStateManager.GoToState(this, "Default", false);
     }
 
     public GamePageViewModel ViewModel
@@ -16,5 +18,25 @@ public GamePageViewModel ViewModel
     }
 
     public static readonly DependencyProperty ViewModelProperty =
-        DependencyProperty.Register(nameof(ViewModel), typeof(GamePageViewModel), typeof(GameResultDisplay), new PropertyMetadata(null));
+        DependencyProperty.Register(nameof(ViewModel), typeof(GamePageViewModel), typeof(GameResultDisplay), new PropertyMetadata(null, OnViewModelChanged));
+
+    private static void OnViewModelChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        var @this = (GameResultDisplay)d;
+        @this.ViewModel.PropertyChanged += @this.OnViewModelPropertyChanged;
+    }
+
+    private void OnViewModelPropertyChanged(object? sender, PropertyChangedEventArgs args)
+    {
+        if (args.PropertyName != nameof(GamePageViewModel.GameStatus))
+            return;
+
+        var stateName = ViewModel.GameStatus switch
+        {
+            GameMode.Won => "Won",
+            GameMode.Lost => "Lost",
+            _ => "Default"
+        };
+        VisualStateManager.GoToState(this, stateName, true);
+    }
 }