UWP 中带有 3 个以上按钮的自定义内容对话框

Question

我想显示一个内容对话框，它比传统的主要和次要结果更多。由于我无法覆盖 ContentDialogResult 枚举并向其添加选项属性，看来我唯一的选择可能是创建我自己的自定义控件，其工作方式与 ContentDialog 类似。

对于其他上下文：通常，人们可能会在 computer/app 操作期间看到一个对话框，当该操作是多余的时，即将文件复制到文件夹时，计算机通常会提供一个对话框，而不是2 个选项，但有 4 个。 -> "Yes to All"、"No to All"、"Yes"、"No"。我似乎找不到任何千篇一律的方法来利用这种看似常见的做法。
我想像使用普通内容对话框一样使用它：

var dialog = new MyCustomContentDialog();
var result = dialog.ShowAsync();

然后 return 一个枚举，就像普通的 ContentDialog 一样，但取而代之的是 return 4 个选项中的 1 个，而不仅仅是 2 个。

任何帮助或建议都会很棒。谢谢

Answer 1

I'd like to display a content dialog box that has more than the traditional Primary and Secondary results.

ContentDialog 有 2 个内置按钮（primary/secondary 按钮）让用户响应对话框。如果你想要更多的按钮让用户响应对话框，你应该可以通过在对话框的内容中包含这些按钮来实现。

以下是一个简单示例，展示了如何创建和使用带有 3 个按钮的自定义对话框：

MyCustomContentDialog.xaml

<ContentDialog
x:Class="ContentDialogDemo01.MyCustomContentDialog"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:ContentDialogDemo01"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
x:Name="dialog"
Title="Delete">

<!-- Content body -->
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Margin="0,20">
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition Height="200" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <TextBlock Grid.ColumnSpan="3" Text="Delete file A?" Margin="5" />
    <Button Grid.Row="1" Content="Yes" x:Name="btn1" Click="btn1_Click" Margin="5,0" Width="100" />
    <Button Grid.Row="1" Grid.Column="1" Content="No" x:Name="btn2" Click="btn2_Click" Margin="5,0" Width="100" />
    <Button Grid.Row="1" Grid.Column="2" Content="Cancle" x:Name="btn3" Click="btn3_Click" Margin="5,0" Width="100" />
</Grid>
</ContentDialog>

MyCustomContentDialog.xaml.cs

namespace ContentDialogDemo01
{
// Define your own ContentDialogResult enum
public enum MyResult
{
    Yes,
    No,
    Cancle,
    Nothing
}

public sealed partial class MyCustomContentDialog : ContentDialog
{
    public MyResult Result { get; set; }

    public MyCustomContentDialog()
    {
        this.InitializeComponent();
        this.Result = MyResult.Nothing;
    }

    // Handle the button clicks from dialog
    private void btn1_Click(object sender, RoutedEventArgs e)
    {
        this.Result = MyResult.Yes;
        // Close the dialog
        dialog.Hide();
    }

    private void btn2_Click(object sender, RoutedEventArgs e)
    {
        this.Result = MyResult.No;
        // Close the dialog
        dialog.Hide();
    }

    private void btn3_Click(object sender, RoutedEventArgs e)
    {
        this.Result = MyResult.Cancle;
        // Close the dialog
        dialog.Hide();
    }
}
}

这是显示自定义对话框并使用返回的自定义结果的代码：

private async void ShowDialog_Click(object sender, RoutedEventArgs e)
{
    // Show the custom dialog
    MyCustomContentDialog dialog = new MyCustomContentDialog();
    await dialog.ShowAsync();

    // Use the returned custom result
    if (dialog.Result == MyResult.Yes)
    {
        DialogResult.Text = "Dialog result Yes.";
    }
    else if (dialog.Result == MyResult.Cancle)
    {
        DialogResult.Text = "Dialog result Canceled.";
    }
    else if (dialog.Result == MyResult.No)
    {
        DialogResult.Text = "Dialog result NO.";
    }
}

这里是entire sample。以下是输出：

Answer 2

只是为了完整性 - 默认情况下 ContentDialog class 实际上提供了三个按钮 - Primary、Secondary 和 Close。关闭是当用户按下 escape 时触发的，但如果您设置 CloseButtonText 按钮将显示为对话框页脚中的第三个按钮。

UWP 中带有 3 个以上按钮的自定义内容对话框

Custom Content Dialog in UWP with 3+ buttons

c#

dialog

windows-10-universal