UWP 模态用户控件

Question

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

标题区将位于内容区（如 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。然后用您想要显示的控件填充网格。在 'click outside of the data area'（静默关闭）或单击按钮（例如 'close' 或 'save'）等事件中，您可以再次隐藏 UI。而且这个可以打包成一个UserControl，可以在其他Pages上使用。

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

UWP 模态用户控件

UWP modal UserControl

c#

user-controls

modal-dialog

win-universal-app