feat: add animation on SplashScreenWindow

HearthSim · Nov 13, 2024 · d76ff93 · d76ff93
1 parent 70430f1
commit d76ff93
Showing 1 changed file with 38 additions and 5 deletions.
diff --git a/Hearthstone Deck Tracker/Windows/SplashScreenWindow.xaml b/Hearthstone Deck Tracker/Windows/SplashScreenWindow.xaml
@@ -13,12 +13,45 @@
         Title="SplashScreenWindow" Height="400" Width="400" ResizeMode="NoResize"
         WindowStartupLocation="CenterScreen" WindowStyle="None" ShowInTaskbar="False">
     <Grid>
-        <Rectangle Width="300" Height="300">
-            <Rectangle.Fill>
-                <VisualBrush Visual="{StaticResource hdticon}" />
-            </Rectangle.Fill>
-        </Rectangle>
         <Border BorderThickness="5" BorderBrush="White" CornerRadius="16" Margin="0,200,0,0" Width="184" Height="54"/>
+        <Ellipse Width="300" Height="300">
+            <Ellipse.OpacityMask>
+                <VisualBrush Visual="{StaticResource hdticon}" />
+            </Ellipse.OpacityMask>
+            <Ellipse.Fill>
+                <VisualBrush Stretch="None">
+                    <VisualBrush.Visual>
+                        <Grid Width="300" Height="300" Background="White">
+                            <Rectangle Width="150" Height="150" VerticalAlignment="Top" HorizontalAlignment="Left">
+                                <Rectangle.Fill>
+                                    <LinearGradientBrush StartPoint="0,1" EndPoint="1,0">
+                                        <GradientStop Color="White" Offset="0.4"/>
+                                        <GradientStop Color="{DynamicResource AccentBaseColor}" Offset="0.8"/>
+                                    </LinearGradientBrush>
+                                </Rectangle.Fill>
+                            </Rectangle>
+                            <Grid.RenderTransform>
+                                <RotateTransform x:Name="FillTransform" Angle="-150" CenterX="150" CenterY="150"/>
+                            </Grid.RenderTransform>
+                        </Grid>
+                    </VisualBrush.Visual>
+                </VisualBrush>
+            </Ellipse.Fill>
+            <Ellipse.Triggers>
+                <EventTrigger RoutedEvent="Ellipse.Loaded">
+                    <BeginStoryboard>
+                        <Storyboard>
+                            <DoubleAnimation
+                                Storyboard.TargetName="FillTransform" Storyboard.TargetProperty="Angle"
+                                From="-150.0" To="210.0"
+                                RepeatBehavior="Forever"
+                               Duration="0:0:10"
+                            />
+                        </Storyboard>
+                    </BeginStoryboard>
+                </EventTrigger>
+            </Ellipse.Triggers>
+        </Ellipse>
         <Ellipse Width="150" Height="150" Fill="White"/>
         <Rectangle Height="9" Width="40" Margin="200,200,0,0" Fill="White"/>
         <Border BorderThickness="5" BorderBrush="White" CornerRadius="11" Margin="275,200,0,0" Width="84" Height="34"/>