[Windows 8] 开发初体验：对话框（MessageBox）和程序任务栏（ApplicationBar）

相信不少开发Windows 8程序的朋友都是从传统.NET开发或Windows Phone开发迁移的，对于很多内容新上手确实不太容易掌握，我最近也准备开一个Windows 8的项目，这几天初步看了一下SDK中的内容，写两个小Tip，高手请绕行，希望对新手有帮助。

 

1. 对话框 - MessageBox

MessageBox是最基础的传统.NET类库中的一员，不管是Windows Form，Windows Phone，WPF，Silverlight我相信大家第一次接触这些客户端编程的时候都会用MessageBox.Show()去显示一下我们想看到的信息，但是在Windows 8 RT中，MessageBox消失了，取而代之的是一个叫MessageDialog的新对话框：

首先给大家看一个最传统的用法：

 

MessageDialog md =  new MessageDialog( " test ",  " Title ");
md.ShowAsync(); 

 

乍看上去这个用法没问题，而且显示的效果在Hello World这样的程序里也不会有异样，但是仔细看一下，Show后面多了一个Async的字样，看到这里就要告诉大家，这个用法是一个病态方式来显示对话款。

解释一下原因，首先Windows 8 RT的程序和传统应用程序有一定差别，很重要的一点就是动态磁贴，既然是叫动态，那么我们希望它始终是动态显示的，不受其他操作的阻碍，如果按照刚才代码来实现对话框的话，主线程的内容将停止一切动态动作，这样就给使用者非常不好的用户体验，Windows 8 RT的API中早已预料到这一点，所以Async就派上了用场，接着先看一下正确的代码：

 

private async  void Button1_Click( object sender, RoutedEventArgs e) {
    MessageDialog md =  new MessageDialog( " This is a MessageDialog ",  " Title ");
    await md.ShowAsync();
}

 

上面的代码有亮点需要注意，首先是按钮点击事件中多了一个async关键词，这个是C# 5.0的新特性，大家可以先理解为一个简单的异步，具体的大家可以搜一下，相信资料很多，另外就是对话框的show方法前面有一个await的关键字，这样既可实现主线程不阻塞的对话框，这里注意，async和await需要配合使用。

 

简单的使用如上述内容，但是有的时候我们还需要给对话框的操作结果作判断，然后执行不同的后续操作，这里MessageDialog也给出的方法，代码如下：

 

private async  void Button1_Click( object sender, RoutedEventArgs e) {
    MessageDialog md =  new MessageDialog( " This is a MessageDialog ",  " Title ");
     bool? result =  null;
    md.Commands.Add(
        new UICommand( " OK ",  new UICommandInvokedHandler((cmd) => result =  true)));
    md.Commands.Add(
        new UICommand( " Cancel ",  new UICommandInvokedHandler((cmd) => result =  false)));
 
    await md.ShowAsync();
     if (result ==  true) {
         //  do something    
    }
    Button1.Content = result.ToString();
}

 

大家可以根据这个方法自定义Dialog的显示，虽然感觉比以前复杂了，但是比以前的可扩展性增强了不少。

以上就是对话框的内容，希望新手朋友们有用。

 

2. 程序任务栏 - ApplicationBar

说到任务栏，其实起源于Windows Phone，做过Windows Phone开发的朋友应该很清楚任务栏的功能，因为默认项目摸板中就带有任务栏的代码，而且修改起来也非常方便，但在Windows 8 RT中对任务栏的实现方式做了不小的变化，首先是任务栏不会被作为一个页面框架中的一部分，而是变为了页面布局中的一个成员，大家可以根据自己的需求完全定制任务栏的样式，大小等等内容，看一个简单的代码：

 

     < Grid  Background =" {StaticResource ApplicationPageBackgroundThemeBrush} " >
         < Grid.RowDefinitions >
             < RowDefinition />
             < RowDefinition  Height ="100" />
         </ Grid.RowDefinitions >
         < Button  Content ="Button"  HorizontalAlignment ="Left"  Margin ="472,233,0,0"  VerticalAlignment ="Top"  Click ="Button_Click_1" />
         < AppBar  Grid.Row ="2" >
             < StackPanel >
                 < Button  Content ="text" ></ Button >
             </ StackPanel >
         </ AppBar >
     </ Grid >

更标准的用法如下：

 

     < Page.TopAppBar >
         < AppBar >
             < StackPanel >
                 < Button  Content ="text" ></ Button >
             </ StackPanel >
         </ AppBar >
     </ Page.TopAppBar >
     < Page.BottomAppBar >
         < AppBar >
             < StackPanel >
                 < Button  Content ="text" ></ Button >
             </ StackPanel >
         </ AppBar >
     </ Page.BottomAppBar >

 

这就是最简单的代码，大家只要把这段代码替换掉Windows 8 Application里的空白页面中的Grid即可。

这段代码实现的效果如下：

 

会在程序最下方建立一个100像素的任务栏，当鼠标右击时出现。

当然，这个100像素是可以调整的，其中的StackPanel也是一个传统容器，可以加很多内容进去，但是尽量遵循Metro设计准则。

以上就是我要分享内容，最近开了一个Windows Phone开发社区，也欢迎大家前往发帖，提问：

http://bbs.wpcome.com