From 0c7f62880c74a23c644e81f5fae82933f7c9da64 Mon Sep 17 00:00:00 2001
From: Yoojun Zhou <notyoojun@outlook.com>
Date: Thu, 19 Dec 2024 16:58:10 +0800
Subject: [PATCH] Example code for RelativePanel

---
 .../ControlPages/RelativePanelPage.xaml       | 10 -------
 .../ControlPages/RelativePanelPage.xaml.cs    | 29 ++++++++++++++++++-
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/RelativePanelPage.xaml b/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/RelativePanelPage.xaml
index 55a4ce39..d96ba0ea 100644
--- a/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/RelativePanelPage.xaml
+++ b/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/RelativePanelPage.xaml
@@ -35,15 +35,5 @@
                 ui:RelativePanel.AlignRightWithPanel="True"
                 Fill="Green" />
         </ui:RelativePanel>
-        <local:ControlExample.Xaml>
-            <sys:String xml:space="preserve">
-&lt;RelativePanel  Width=&quot;300&quot;&gt;
-    &lt;Rectangle x:Name=&quot;Rectangle1&quot; Fill=&quot;Red&quot; Height=&quot;50&quot; Width=&quot;50&quot;/&gt;
-    &lt;Rectangle x:Name=&quot;Rectangle2&quot; Fill=&quot;Blue&quot; Height=&quot;50&quot; Width=&quot;50&quot; RelativePanel.RightOf=&quot;Rectangle1&quot; Margin=&quot;8,0,0,0&quot;/&gt;
-    &lt;Rectangle x:Name=&quot;Rectangle3&quot; Fill=&quot;Green&quot; Height=&quot;50&quot; Width=&quot;50&quot; RelativePanel.AlignRightWithPanel=&quot;True&quot;/&gt;
-    &lt;Rectangle x:Name=&quot;Rectangle4&quot; Fill=&quot;Yellow&quot; Height=&quot;50&quot; Width=&quot;50&quot; RelativePanel.Below=&quot;Rectangle3&quot; RelativePanel.AlignHorizontalCenterWith=&quot;Rectangle3&quot; Margin=&quot;0,8,0,0&quot;/&gt;
-&lt;/RelativePanel&gt;
-            </sys:String>
-        </local:ControlExample.Xaml>
     </local:ControlExample>
 </ui:Page>
diff --git a/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/RelativePanelPage.xaml.cs b/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/RelativePanelPage.xaml.cs
index fed6c4e5..584d68ed 100644
--- a/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/RelativePanelPage.xaml.cs
+++ b/source/iNKORE.UI.WPF.Modern.Gallery/ControlPages/RelativePanelPage.xaml.cs
@@ -29,10 +29,37 @@ public RelativePanelPage()
 
         public void UpdateExampleCode()
         {
+            Example1.Xaml = Example1Xaml;
+        }
 
+        private void Page_Loaded(object sender, RoutedEventArgs e)
+        {
+            UpdateExampleCode();
         }
 
-        #endregion
+        public string Example1Xaml => $@"
+<ui:RelativePanel Width=""300"">
+    <Rectangle
+        x:Name=""Rectangle1""
+        Width=""50""
+        Height=""50""
+        Fill=""Red"" />
+    <Rectangle
+        x:Name=""Rectangle2""
+        Width=""50""
+        Height=""50""
+        Margin=""8,0,0,0""
+        ui:RelativePanel.RightOf=""Rectangle1""
+        Fill=""Blue"" />
+    <Rectangle
+        x:Name=""Rectangle3""
+        Width=""50""
+        Height=""50""
+        ui:RelativePanel.AlignRightWithPanel=""True""
+        Fill=""Green"" />
+</ui:RelativePanel>
+";
 
+        #endregion
     }
 }