Add hover image to event button

Author: shatyuka

CollapseLauncher/XAMLs/MainApp/Pages/HomePage.xaml

@@ -188,18 +188,28 @@
                       Height="{Binding DesignHeight, Mode=OneWay}"
                       HorizontalAlignment="Center"
                       VerticalAlignment="Center">
-                    <c:NonFaultyImageEx
-                        x:Name="ImageEventImg"
-                        x:FieldModifier="internal"
-                        extension:UIElementExtensions.CursorType="Hand"
-                        PointerPressed="ClickImageEventSpriteLink"
-                        HorizontalAlignment="{x:Bind CurrentPresetConfig.GameEventButtonPosition.HorizontalAlignment, Mode=OneWay}"
-                        VerticalAlignment="{x:Bind CurrentPresetConfig.GameEventButtonPosition.VerticalAlignment, Mode=OneWay}"
-                        Height="{x:Bind CurrentPresetConfig.GameEventButtonPosition.VSize, Mode=OneWay}"
-                        Margin="{x:Bind CurrentPresetConfig.GameEventButtonPosition.Position, Mode=OneWay}"
-                        Source="{x:Bind CurrentGameBackgroundData.FeaturedEventIconUrl, Mode=OneWay, Converter={StaticResource UrlToCachedImagePathConverter}}"
-                        Tag="{x:Bind CurrentGameBackgroundData.FeaturedEventIconClickLink, Mode=OneWay}"
-                        Visibility="{x:Bind IsShowSidePanel, Converter={StaticResource BooleanVisibilityConverter}}"/>
+                    <Grid x:Name="ImageEventImg"
+                          x:FieldModifier="internal"
+                          extension:UIElementExtensions.CursorType="Hand"
+                          PointerPressed="ClickImageEventSpriteLink"
+                          PointerEntered="ImageEventImg_OnPointerEntered"
+                          PointerExited="ImageEventImg_OnPointerExited"
+                          HorizontalAlignment="{x:Bind CurrentPresetConfig.GameEventButtonPosition.HorizontalAlignment, Mode=OneWay}"
+                          VerticalAlignment="{x:Bind CurrentPresetConfig.GameEventButtonPosition.VerticalAlignment, Mode=OneWay}"
+                          Height="{x:Bind CurrentPresetConfig.GameEventButtonPosition.VSize, Mode=OneWay}"
+                          Margin="{x:Bind CurrentPresetConfig.GameEventButtonPosition.Position, Mode=OneWay}"
+                          Tag="{x:Bind CurrentGameBackgroundData.FeaturedEventIconClickLink, Mode=OneWay}"
+                          Visibility="{x:Bind IsShowSidePanel, Converter={StaticResource BooleanVisibilityConverter}}">
+                        <c:NonFaultyImageEx
+                            x:Name="ImageEventImgNormal"
+                            x:FieldModifier="internal"
+                            Source="{x:Bind CurrentGameBackgroundData.FeaturedEventIconUrl, Mode=OneWay, Converter={StaticResource UrlToCachedImagePathConverter}}"/>
+                        <c:NonFaultyImageEx
+                            x:Name="ImageEventImgHover"
+                            x:FieldModifier="internal"
+                            Source="{x:Bind CurrentGameBackgroundData.FeaturedEventIconHoverUrl, Mode=OneWay, Converter={StaticResource UrlToCachedImagePathConverter}}"
+                            Visibility="Collapsed"/>
+                    </Grid>
                 </Grid>
             </Grid>
         </Viewbox>

CollapseLauncher/XAMLs/MainApp/Pages/HomePage.xaml.cs

@@ -628,6 +628,18 @@ void OnCompleted(object sender, object e)
                 }
             }
         }
+
+        private void ImageEventImg_OnPointerEntered(object sender, PointerRoutedEventArgs e)
+        {
+            ImageEventImgNormal.Visibility = Visibility.Collapsed;
+            ImageEventImgHover.Visibility = Visibility.Visible;
+        }
+
+        private void ImageEventImg_OnPointerExited(object sender, PointerRoutedEventArgs e)
+        {
+            ImageEventImgNormal.Visibility = Visibility.Visible;
+            ImageEventImgHover.Visibility = Visibility.Collapsed;
+        }
         #endregion
 
         #region Open Link from Tag