Showcase blurry Dialog in demo (#3748)

* Cleanup of launchSettings and Cards Page in Demo

* Revert "Cleanup of launchSettings and Cards Page in Demo"

This reverts commit ede38d4.

* added a new DialogHost to showcase the blurred background of a DialogHost in the demo app

* made DialogHost.DefaultBlurRadius constant public

* added button to reset the BlurRadius

---------

Co-authored-by: Corvin Szimion <[email protected]>

Author: corvinsz

src/MainDemo.Wpf/Dialogs.xaml

@@ -315,5 +315,58 @@
       </materialDesign:DialogHost>
     </smtx:XamlDisplay>
     <!--#endregion-->
+
+    <Rectangle Style="{StaticResource PageSectionSeparator}" />
+
+    <!--#region SAMPLE 6-->
+    <TextBlock Style="{StaticResource PageSectionTitleTextBlock}" Text="Sample 6" />
+
+    <TextBlock MaxWidth="700"
+               Margin="0,0,0,8"
+               HorizontalAlignment="Left"
+               Text="You can also make the background blurry."
+               TextWrapping="Wrap" />
+
+    <DockPanel Margin="0,5,16,5">
+      <Button Margin="8,0,0,0"
+              Click="Sample6_ResetBlur"
+              Content="{materialDesign:PackIcon Kind=Reload}"
+              DockPanel.Dock="Right"
+              Style="{StaticResource MaterialDesignFlatButton}"
+              ToolTip="Reset the BlurRadius of the Dialogs Background to it's default value" />
+      <Slider x:Name="BlurRadiusSlider"
+              HorizontalAlignment="Stretch"
+              DockPanel.Dock="Left"
+              Maximum="64"
+              Minimum="1"
+              Style="{StaticResource MaterialDesignDiscreteSlider}" />
+
+    </DockPanel>
+
+    <smtx:XamlDisplay UniqueKey="dialogs_sample6">
+      <materialDesign:DialogHost VerticalAlignment="Center"
+                                 ApplyBlurBackground="True"
+                                 BlurRadius="{Binding ElementName=BlurRadiusSlider, Path=Value}"
+                                 CloseOnClickAway="True"
+                                 Identifier="sampleDialog6">
+        <Border MinWidth="256"
+                MinHeight="256"
+                BorderBrush="{DynamicResource PrimaryHueMidBrush}"
+                BorderThickness="1"
+                ClipToBounds="True">
+          <StackPanel VerticalAlignment="Center">
+            <TextBlock HorizontalAlignment="Center"
+                       FontSize="30"
+                       Text="This is some long text that is going to get blurred out by the dialog."
+                       TextWrapping="Wrap" />
+            <Button HorizontalAlignment="Center"
+                    VerticalAlignment="Center"
+                    Click="Sample6_OpenDialog"
+                    Content="Open" />
+          </StackPanel>
+        </Border>
+      </materialDesign:DialogHost>
+    </smtx:XamlDisplay>
+    <!--#endregion-->
   </StackPanel>
 </UserControl>

src/MainDemo.Wpf/Dialogs.xaml.cs

@@ -10,6 +10,7 @@ public Dialogs()
     {
         DataContext = new DialogsViewModel();
         InitializeComponent();
+        BlurRadiusSlider.Value = DialogHost.DefaultBlurRadius;
     }
 
     private void Sample1_DialogHost_OnDialogClosing(object sender, DialogClosingEventArgs eventArgs)
@@ -71,4 +72,19 @@ private void Sample5_DialogHost_OnDialogClosed(object sender, DialogClosedEventA
         if (!string.IsNullOrWhiteSpace(AnimalTextBox.Text))
             AnimalListBox.Items.Add(AnimalTextBox.Text.Trim());
     }
+
+    private async void Sample6_OpenDialog(object sender, RoutedEventArgs e)
+    {
+        var sampleMessageDialog = new SampleMessageDialog
+        {
+            Message = { Text = "Some dialog content" }
+        };
+
+        await DialogHost.Show(sampleMessageDialog, "sampleDialog6");
+    }
+
+    private void Sample6_ResetBlur(object sender, RoutedEventArgs e)
+    {
+        BlurRadiusSlider.Value = DialogHost.DefaultBlurRadius;
+    }
 }

src/MaterialDesignThemes.Wpf/DialogHost.cs

@@ -607,7 +607,7 @@ public bool ApplyBlurBackground
         nameof(ApplyBlurBackground), typeof(bool), typeof(DialogHost), new PropertyMetadata(default(bool)));
 
 
-    private const double DefaultBlurRadius = 16.0;
+    public const double DefaultBlurRadius = 16.0;
     public double BlurRadius
     {
         get => (double)GetValue(BlurRadiusProperty);