Windows UWP开发系列 – MessageDialog 和 ContentDialog

MessageDialog

在Metro程序中，没有传统的窗口，当我们要用需要交互的消息提示时，在Win8时代，引入了一个MessageDialog来取代常用的MessageBox。使用方法如下：

    private async void onButtonClick(object sender, RoutedEventArgs e)
    {
        var dialog = new MessageDialog("当前设置尚未保存，你确认要退出该页面吗?" ,"消息提示");

        dialog.Commands.Add(new UICommand("确定", cmd => { }, commandId: ));
        dialog.Commands.Add(new UICommand("取消", cmd => { }, commandId: ));

        //设置默认按钮，不设置的话默认的确认按钮是第一个按钮
        dialog.DefaultCommandIndex = ;
        dialog.CancelCommandIndex = ;

        //获取返回值
        var result = await dialog.ShowAsync();
    }

执行后效果如下：

MessageDialog并不复杂，它的窗口主体只能显示一个标题和消息体，可以自定义操作按钮和命令。基本上和MessageBox那样只能显示一些基本的消息提示。由于并没有集成常用的操作按钮，用起来比MessagBox显得还要麻烦一些。

ContentDialog

在Windows 10中，引入了一个新的对话框控件—ContentDialog（这个控件最初在Windows Phone 8中出现过）。它也可以完成常规的消息提示：

    private async void onButtonClick(object sender, RoutedEventArgs e)
    {
        var dialog = new ContentDialog()
        {
            Title = "消息提示",
            Content = "当前设置尚未保存，你确认要退出该页面吗?",
            PrimaryButtonText = "确定",
            SecondaryButtonText = "取消",
            FullSizeDesired = false,
        };

        dialog.PrimaryButtonClick += (_s, _e) => { };
        await dialog.ShowAsync();
    }

ContentDialog只有两个按钮，PrimaryButton和SecondaryButton。关联事件的方式有两种，一种是例子中的通过PrimaryButtonClick等事件关联，另一种则是设置PrimaryButtonCommand属性，传入一个ICommand对象。执行效果效果如下：

和MessageDialog的样式并不一样，另外，它还有一种全屏的样式，设置FullSizeDesired为true时，可以看到如下效果：

自定义ContentDialog

仅仅从前面的例子上来看，并看不出什么比MessageDialog更强的地方，但ContentDialog的强大之处在于，它的Content属性是一个object类型，是可以传入任意自定义控件的。一个简单的示例如下：

首先用Xaml自定义一个控件：

    <StackPanel>
        <TextBlock Text="当前设置尚未保存，你确认要退出该页面吗?" />
        <CheckBox Content="下次不再提示" />
    </StackPanel>

执行效果如下：