UWP ContentDialog 覆盖整个页面

Question

当ContentDialog 与Fluent XAML Theme Editor 的颜色主题一起使用时，内容对话框会覆盖整个页面

要复制，请按以下步骤操作：

1. 创建新的 UWP 应用
2. 从Fluent XAML Theme Editor 获取配色方案并将其添加到您的项目中
3. 在 App.Xaml 中添加：

     <Application.Resources>
      <ResourceDictionary>
       <ResourceDictionary.MergedDictionaries>
           <ResourceDictionary Source="Dictionary1.xaml"/>
      </ResourceDictionary.MergedDictionaries>
     </ResourceDictionary>
    </Application.Resources>

5. 将TextBlock 和Loaded 事件添加到MainPage
6. 将ContentDialog 调用添加到Loaded 事件

   private async void Page_Loaded(object sender, Windows.UI.Xaml.RoutedEventArgs e)
        {
            ContentDialog noWifiDialog = new ContentDialog
            {
                Title = "No wifi connection",
                Content = "Check your connection and try again.",
                CloseButtonText = "Ok"
            };

            _ = await noWifiDialog.ShowAsync();
        }

1. 运行应用程序，看看ContentDialog 是如何掩盖TextBlock 的。如果您移除颜色主题，则不会发生这种情况。

Answer 1

您所描述的不是覆盖任何东西的对话框，而是Content Dialog 框的正常背景变暗功能。

Fluent XAML 主题编辑器输出只是更改了样式，使默认背景成为纯色，在我的主题中是白色的，但我希望用户仍能看到背景中的内容。

这是您需要管理的样式键：

SystemControlPageBackgroundMediumAltMediumBrush

将这个sn-p添加到一个资源字典中，在你对主主题文件的引用之后，它会将所有内容对话框的背景设置为不透明的颜色，以这种方式定义将允许您在深色或浅色模式下支持不同的背景颜色，此示例为每个主题使用相同的颜色，但演示了如何定义不同的颜色：

<!--  override the Dialog Background  -->
<ResourceDictionary.ThemeDictionaries>
    <ResourceDictionary x:Key="Default">
        <SolidColorBrush x:Key="ContentDialogDimmingThemeBrush" Color="#99FFFFFF" />
        <SolidColorBrush x:Key="SystemControlPageBackgroundMediumAltMediumBrush" Color="#99000000" />
        <StaticResource x:Key="ContentDialogLightDismissOverlayBackground" ResourceKey="SystemControlPageBackgroundMediumAltMediumBrush" />
    </ResourceDictionary>
    <ResourceDictionary x:Key="Dark">
        <SolidColorBrush x:Key="ContentDialogDimmingThemeBrush" Color="{ThemeResource SystemColorHighlightColor}" />
        <SolidColorBrush x:Key="SystemControlPageBackgroundMediumAltMediumBrush" Color="#99000000" />
        <StaticResource x:Key="ContentDialogLightDismissOverlayBackground" ResourceKey="SystemControlPageBackgroundMediumAltMediumBrush" />
    </ResourceDictionary>
</ResourceDictionary.ThemeDictionaries>

您可以内联执行此操作或将其移动到另一个文件：

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Dictionary1.xaml"/>


            <ResourceDictionary>
                <ResourceDictionary.ThemeDictionaries>
                    <ResourceDictionary x:Key="Default">
                        <SolidColorBrush x:Key="ContentDialogDimmingThemeBrush" Color="#99FFFFFF" />
                        <SolidColorBrush x:Key="SystemControlPageBackgroundMediumAltMediumBrush" Color="#99000000" />
                        <StaticResource x:Key="ContentDialogLightDismissOverlayBackground" ResourceKey="SystemControlPageBackgroundMediumAltMediumBrush" />
                    </ResourceDictionary>
                    <ResourceDictionary x:Key="Dark">
                        <SolidColorBrush x:Key="ContentDialogDimmingThemeBrush" Color="{ThemeResource SystemColorHighlightColor}" />
                        <SolidColorBrush x:Key="SystemControlPageBackgroundMediumAltMediumBrush" Color="#99000000" />
                        <StaticResource x:Key="ContentDialogLightDismissOverlayBackground" ResourceKey="SystemControlPageBackgroundMediumAltMediumBrush" />
                    </ResourceDictionary>
                </ResourceDictionary.ThemeDictionaries>
            </ResourceDictionary>


        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>