Update AcrylicPage.xaml.cs to In line with xaml side change

Author: GID0317

source/iNKORE.UI.WPF.Modern.Gallery/Pages/Controls/Windows/AcrylicPage.xaml.cs

@@ -1,4 +1,4 @@
-using iNKORE.UI.WPF.Modern.Controls;
+using iNKORE.UI.WPF.Modern.Controls;
 using iNKORE.UI.WPF.Modern.Media;
 using System;
 using System.Collections.Generic;
@@ -14,6 +14,8 @@
 using System.Windows.Media.Imaging;
 using System.Windows.Navigation;
 using System.Windows.Shapes;
+using System.Diagnostics;                                  
+using iNKORE.UI.WPF.Modern.Gallery.DataModel;
 using Page = iNKORE.UI.WPF.Modern.Controls.Page;
 
 namespace iNKORE.UI.WPF.Modern.Gallery.Pages.Controls.Windows
@@ -48,11 +50,39 @@ private void OpacitySliderInApp_ValueChanged(object sender, RoutedPropertyChange
             UpdateExampleCode();
         }
 
+        private void Hyperlink_RequestNavigate(object sender, RequestNavigateEventArgs e)
+        {
+            Process.Start(new ProcessStartInfo(e.Uri.AbsoluteUri) { UseShellExecute = true });
+            e.Handled = true;
+        }
+
+        private async void SystemBackdropLink_Click(object sender, RoutedEventArgs e)
+        {
+            var realms = await ControlInfoDataSource.Instance.GetRealmsAsync();
+            var item = realms
+                .SelectMany(r => r.Groups)
+                .SelectMany(g => g.Items)
+                .FirstOrDefault(ci => ci.UniqueId == "SystemBackdrops");
+            if (item == null) return;
+
+            NavigationRootPage.RootFrame.Navigate(ItemPage.Create(item));
+        }
+
+        private void OpacitySliderLumin_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
+        {
+            UpdateExampleCode();
+        }
+
+        private void LuminositySlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
+        {
+            UpdateExampleCode();
+        }
 
         private void UpdateExampleCode()
         {
             Example1.Xaml = Example1Xaml;
             Example3.Xaml = Example3Xaml;
+            Example4.Xaml = Example4Xaml;
         }
 
         string Example1Xaml => @"            
@@ -112,6 +142,43 @@ private void UpdateExampleCode()
         TintColor=""${CustomAcrylicShapeInApp.TintColor.ToHEX()}""
         TintOpacity=""${CustomAcrylicShapeInApp.TintOpacity.ToString()}"" />
 </Grid>
+";
+
+string Example4Xaml => $@"
+<Grid
+    x:Name=""Example4Grid""
+    Width=""320""
+    Height=""200""
+    HorizontalAlignment=""Left"">
+    <Grid x:Name=""Acrylic4Grid"" 
+        Background=""{{DynamicResource {{x:Static ui:ThemeKeys.SolidBackgroundFillColorBaseBrushKey}}}}"">
+        <Rectangle
+            Width=""100""
+            Height=""200""
+            HorizontalAlignment=""Left""
+            VerticalAlignment=""Top""
+            Fill=""Aqua"" />
+        <Ellipse
+            Width=""152""
+            Height=""152""
+            HorizontalAlignment=""Center""
+            VerticalAlignment=""Center""
+            Fill=""Magenta"" />
+        <Rectangle
+            Width=""80""
+            Height=""100""
+            HorizontalAlignment=""Right""
+            VerticalAlignment=""Bottom""
+            Fill=""Yellow"" />
+    </Grid>
+    <ui:AcrylicPanel
+        x:Name=""CustomAcrylicShapeLumin""
+        Margin=""12""
+        Target=""{{Binding ElementName=Acrylic4Grid}}""
+        TintColor=""SkyBlue""
+        TintOpacity=""{CustomAcrylicShapeLumin.TintOpacity.ToString()}""
+        Amount=""{CustomAcrylicShapeLumin.Amount.ToString()}"" />
+</Grid>
 ";
 
     }