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: 0));
        dialog.Commands.Add(new UICommand("取消", cmd => { }, commandId: 1));

        //設置默認按鈕，不設置的話默認的確認按鈕是第一個按鈕
        dialog.DefaultCommandIndex = 0;
        dialog.CancelCommandIndex = 1;

        //獲取返回值
        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>

 

執行效果如下：