UWP 模态用户控件

Question

我尝试创建一个模态 UserControl，因为 ContentDialog 控件很难修改。

How to change background overlay of ContentDialog uwp

标题区域将位于内容区域（如 ContentDialog），但背景应与 owerlay 内容相同。

What i try to do

我应该如何创建这个模态用户控件？

编辑： 感谢您的回答！ 其实我有我的控制权

<UserControl x:Class="TestModal.ModalView">

<Grid Background="Black" Opacity="0.5">

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <TextBlock Text="test"/>

</Grid>
</UserControl>

主页： Xaml

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Button Click="Show_Click" />
</Grid>
</Page>

C#：

private void Show_Click(object sender, RoutedEventArgs e)
{
    ModalView myModalView = new ModalView();
    Content = myModalView;
}

但是我怎样才能激活用户控件呢？改变内容不是我想做的。

Answer 1

您可以轻松地创建一个带有 Grid 的控件，例如覆盖整个 UI。例如，将该网格设置为不透明度为 0.6 的黑色，以便您可以看到底层 UI。然后只需用您要显示的控件填充网格。在“单击数据区域外”（静默关闭）或单击按钮（例如“关闭”或“保存”）等事件上，您可以再次隐藏 UI。并且这可以封装在一个 UserControl 中，可以在其他 Pages 上使用。

---

如果这是您问题的答案，请将其标记为答案。