體驗Win8 Metro應用開發

裝了Windows8 Consumer Preview和Visual Studio 2011 Beta，體驗一把Metro風格應用開發，先寫個HelloWorld試試。

Metro Style App支持多種開發方式，包括：

    ☆ XAML/C# 或 XAML/VB.Net
    ☆ HTML/JS
    ☆ XAML/C++
    ☆ DirectX/C++

也可以把幾種技術混合起來進行開發，我用XAML/C#先試一下。

1、建工程

在Win8環境下，建工程時能看到有Windows Metro style，這個選項在非Win8的環境下是看不到的。建個Blank Application吧，這個最簡單。

2、寫界面XAML（BlankPage.xaml）

只放兩個TextBlock，顯示文本信息用。

<Page 
    x:Class="HelloWorld.BlankPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="using:HelloWorld" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d"> 
 
    <Grid Background="{StaticResource ApplicationPageBackgroundBrush}"> 
        <StackPanel> 
            <!--在界面上放兩個TextBlock，一個顯示Hello World，一個顯示時間--> 
            <TextBlock FontSize="60" HorizontalAlignment="Center" Margin="0,200,0,0">Hello World!</TextBlock> 
            <TextBlock Name="txtCurrentTime" FontSize="48" HorizontalAlignment="Center" Margin="0,50,0,0"></TextBlock> 
        </StackPanel> 
    </Grid> 
</Page>

3、寫代碼（BlankPage.xaml.cs）

在OnNavigatedTo方法中寫幾行代碼，讓界面上第二個TextBlock顯示當前時間。

protected override void OnNavigatedTo(NavigationEventArgs e) 
{ 
    //建個定時器，每秒更新一下txtCurrentTime的Text為當前時間 
    var timer = new DispatcherTimer(); 
    timer.Interval = TimeSpan.FromSeconds(1); 
    timer.Tick += (sender, args) => { 
        txtCurrentTime.Text = DateTime.Now.ToString(); 
    }; 
    timer.Start(); 
}

OK了，Ctrl+F5跑一下，效果如下：

PS：在Win8上開發Metro應用，需要先注冊一個開發者許可。