From de30b704d0a4122ef20ec13929d19bd78b346388 Mon Sep 17 00:00:00 2001
From: Yoojun Zhou <notyoojun@outlook.com>
Date: Wed, 6 Nov 2024 00:03:54 +0800
Subject: [PATCH] Example code for Image

---
 .../ControlPages/ImagePage.xaml               | 18 ------------
 .../ControlPages/ImagePage.xaml.cs            | 28 ++++++++++++++++++-
 2 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/ImagePage.xaml b/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/ImagePage.xaml
index 1889086b..5dd9db22 100644
--- a/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/ImagePage.xaml
+++ b/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/ImagePage.xaml
@@ -13,17 +13,10 @@
     mc:Ignorable="d">
     <StackPanel>
         <local:ControlExample x:Name="Example1" HeaderText="A basic image from a local file.">
-
             <Image
                 Height="100"
                 HorizontalAlignment="Left"
                 Source="/Assets/SampleMedia/treetops.jpg" />
-
-            <local:ControlExample.Xaml>
-                <sys:String>
-                    &lt;Image Source=&quot;/Assets/SampleMedia/treetops.jpg&quot; Height=&quot;100&quot; /&gt;
-                </sys:String>
-            </local:ControlExample.Xaml>
         </local:ControlExample>
 
         <local:ControlExample x:Name="Example2" HeaderText="An image decoded to the rendering size">
@@ -33,17 +26,6 @@
                     <BitmapImage DecodePixelHeight="100" UriSource="/Assets/SampleMedia/treetops.jpg" />
                 </Image.Source>
             </Image>
-
-            <local:ControlExample.Xaml>
-                <sys:String xml:space="preserve">
-&lt;Image Height=&quot;100&quot;&gt;
-    &lt;Image.Source&gt;
-        &lt;BitmapImage UriSource=&quot;/Assets/SampleMedia/treetops.jpg&quot;
-            DecodePixelHeight=&quot;100&quot; /&gt;
-    &lt;/Image.Source&gt;
-&lt;/Image&gt;
-                </sys:String>
-            </local:ControlExample.Xaml>
         </local:ControlExample>
 
         <local:ControlExample x:Name="Example3" HeaderText="Image stretching.">
diff --git a/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/ImagePage.xaml.cs b/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/ImagePage.xaml.cs
index 14c56abb..aa0c84e1 100644
--- a/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/ImagePage.xaml.cs
+++ b/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/ImagePage.xaml.cs
@@ -35,6 +35,8 @@ private void ImageStretch_Checked(object sender, RoutedEventArgs e)
                 var strStretch = (sender as RadioButton).Content.ToString();
                 var stretch = (Stretch)Enum.Parse(typeof(Stretch), strStretch);
                 StretchImage.Stretch = stretch;
+
+                UpdateExampleCode();
             }
         }
 
@@ -51,15 +53,39 @@ private void Page_Loaded(object sender, RoutedEventArgs e)
             });
             ObservableCollection<ControlExampleSubstitution> Substitutions = new ObservableCollection<ControlExampleSubstitution>() { Substitution };
             Example3.Substitutions = Substitutions;
+
+            UpdateExampleCode();
         }
 
         #region Example Code
 
         public void UpdateExampleCode()
         {
-
+            Example1.Xaml = Example1Xaml;
+            Example2.Xaml = Example2Xaml;
+            Example3.Xaml = Example3Xaml;
         }
 
+        public string Example1Xaml => $@"
+<Image Height=""100""
+    Source=""/Assets/SampleMedia/treetops.jpg"" />
+";
+
+        public string Example2Xaml => $@"
+<Image Height=""100"">
+    <Image.Source>
+        <BitmapImage DecodePixelHeight=""100"" UriSource=""/Assets/SampleMedia/treetops.jpg"" />
+    </Image.Source>
+</Image>
+";
+
+        public string Example3Xaml => $@"
+<Image x:Name=""StretchImage""
+    Width=""100"" Height=""100""
+    Source=""/Assets/SampleMedia/valley.jpg""
+    Stretch=""{StretchImage.Stretch.ToString()}"" />
+";
+
         #endregion
 
     }