如何在 .xaml 中制作一个简单的 ContentDialog？

Question

创建 ContentDialog 需要什么？

我基本上有一个按钮。当我点击该按钮时，ContentDialog 打开。 ContentDialog 应包含“这是一个示例”之类的文本和 2 个按钮。 <ConTentDialog></ContentDialog> 的外观如何？示例：

<Page
    x:Class="PDFViewerSDK_Win10.PDFReaderPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:PDFViewerSDK_Win10"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" SizeChanged="OnSizeChanged">

    <ContentDialog x:Name="test" PrimaryButtonText="Ok" SecondaryButtonText="Cancel" Style="{StaticResource AppBarButtonStyle}" Tapped="OnOptionItemTapped" >
        <Image Source="Assets/images/icon_menu.png"/>
    </ContentDialog>
</Page>

Answer 1

可以在您的代码隐藏中轻松创建内容对话框。然后，您可以让 C# 代码在您提到的所需按钮的单击事件上运行。

您的另一个选择是在 XAML 上创建一个内容对话框，正如您已经在原始问题中发布的那样，这样当单击按钮时，您只需参考代码隐藏中的内容对话框并调用 ShowAsync()方法。

我可以在此回复中编写示例代码，但为了让这个问题与将来的访问者相关，我鼓励您参考Microsoft's documentation，这将得到更好的维护。我已经阅读了它，它确实有一些对你有很大帮助的具体例子。

编辑： 发布示例代码作为参考。

MainPage.XAML:

<Grid>
    <Button 
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Height="100" Width="250"
        Content="Show Content"
        FontSize="30px"
        x:Name="ContentBtn"
        Click="ContentBtn_Click"/>

    <ContentDialog x:Name="ContentDialog"
        Title="This is an example"
        PrimaryButtonText="Ok"
        CloseButtonText="Cancel"
        DefaultButton="Primary">
    </ContentDialog>
</Grid>

MainPage.XAML.cs:

private async void ContentBtn_Click(object sender, RoutedEventArgs e) {
        await ContentDialog.ShowAsync(); 
    }