Improve Example XAML

- Renders now on initialization
- Replaces [PropertyName] with the Value
- A custom Converter can be used to provide e.g. {DynamicResoutce AnyKeyHere}

Author: timunie

src/MahApps.Metro.Demo_v2/Controls/DemoView.cs

@@ -18,8 +18,8 @@ public class DemoView : HeaderedContentControl
         private TextEditor PART_AvalonEdit;
 
         /// <summary>Identifies the <see cref="ExampleXaml"/> dependency property.</summary>
-        public static readonly DependencyProperty ExampleXamlProperty = DependencyProperty.Register(nameof(ExampleXaml), typeof(string), typeof(DemoView), new PropertyMetadata(null));
-        
+        public static readonly DependencyProperty ExampleXamlProperty = DependencyProperty.Register(nameof(ExampleXaml), typeof(string), typeof(DemoView), new PropertyMetadata(null, OnExampleXamlChanged));
+
         /// <summary>Identifies the <see cref="HyperlinkOnlineDocs"/> dependency property.</summary>
         public static readonly DependencyProperty HyperlinkOnlineDocsProperty = DependencyProperty.Register(nameof(HyperlinkOnlineDocs), typeof(string), typeof(DemoView), new PropertyMetadata(null));
 
@@ -67,7 +67,22 @@ private void SetExampleXaml()
         {
             if (PART_AvalonEdit != null)
             {
-                PART_AvalonEdit.Text = ExampleXaml;
+                var exampleText = ExampleXaml;
+
+                foreach (var item in DemoProperties)
+                {
+                    exampleText = exampleText.Replace($"[{item.PropertyName}]", item.GetExampleXamlContent());
+                }
+
+                PART_AvalonEdit.Text = exampleText;
+            }
+        }
+
+        private static void OnExampleXamlChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            if (d is DemoView demoView)
+            {
+                demoView.SetExampleXaml();
             }
         }
 
@@ -86,6 +101,7 @@ public override void OnApplyTemplate()
             base.OnApplyTemplate();
 
             PART_AvalonEdit = GetTemplateChild(nameof(PART_AvalonEdit)) as TextEditor;
+            SetExampleXaml();
         }
 
     }

src/MahApps.Metro.Demo_v2/Controls/DemoViewProperty.cs

@@ -36,10 +36,10 @@ private static void OnValueChanged(DependencyObject d, DependencyPropertyChanged
 
         public DemoViewProperty()
         {
-
+            GetExampleXamlContent = GetExampleXamlContent_Default;
         }
 
-        public DemoViewProperty(DependencyProperty dependencyProperty, DependencyObject bindingTarget, string groupName = null, DataTemplate dataTemplate = null)
+        public DemoViewProperty(DependencyProperty dependencyProperty, DependencyObject bindingTarget, string groupName = null, DataTemplate dataTemplate = null) : this()
         {
             SetCurrentValue(PropertyNameProperty, GetDefaultPropertyName(dependencyProperty));
 
@@ -68,7 +68,7 @@ public DemoViewProperty(DependencyProperty dependencyProperty, DependencyObject
 
         /// <summary>Identifies the <see cref="DataTemplate"/> dependency property.</summary>
         public static readonly DependencyProperty DataTemplateProperty = DependencyProperty.Register(nameof(DataTemplate), typeof(DataTemplate), typeof(DemoViewProperty), new PropertyMetadata(null));
-        
+
         /// <summary>Identifies the <see cref="ItemSource"/> dependency property.</summary>
         public static readonly DependencyProperty ItemSourceProperty = DependencyProperty.Register(nameof(ItemSource), typeof(IEnumerable), typeof(DemoViewProperty), new PropertyMetadata(null));
 
@@ -197,5 +197,15 @@ public IEnumerable ItemSource
             set { SetValue(ItemSourceProperty, value); }
         }
 
+
+        #region XAML Replace Value
+        public Func<string> GetExampleXamlContent { get; set; }
+
+        private string GetExampleXamlContent_Default()
+        {
+            return Value?.ToString();
+        }
+        #endregion
+
     }
 }

src/MahApps.Metro.Demo_v2/ExampleViews/BadgedExample.xaml

@@ -12,12 +12,12 @@
     <ctrls:DemoView x:Name="demoView"
                     xml:space="preserve"
                     HyperlinkOnlineDocs="https://mahapps.com/docs/controls/badgedcontrol">
-        <ctrls:DemoView.ExampleXaml><![CDATA[<mah:Badged x:Name="badge" Badge="1">
+        <ctrls:DemoView.ExampleXaml><![CDATA[<mah:Badged Badge="[Badge]">
     <Button Margin="5"
-            HorizontalAlignment="Stretch"
-            VerticalAlignment="Center"
+            HorizontalAlignment="[HorizontalAlignment]"
+            VerticalAlignment="[VerticalAlignment]"
             Click="Button_Click"
-            Content="Click Me"
+            Content="[Content]"
             IsEnabled="True" />
 </mah:Badged> ]]> 
         </ctrls:DemoView.ExampleXaml>