- Metro 風格的應用設計為全屏的,漂亮生動,可以與你關注的人和內容關聯,互動性強,觸摸方式優先,而且可以在各種布局和規格中使用。Metro 風格應用採用中心舞台,而作業系統保持後台運行。
- 建立 Metro 風格應用時,可以使用一下三種方式:
a) 可以使用 HTML5、層疊樣式表、層級 3 (CSS3) 以及 JavaScript 來開發。
b) 可以使用 XAML,藉助 C++、C# 或 Microsoft Visual Basic 中的程式碼後置開發 Metro 風格應用。
c) 可以使用本機 C++ 和 HLSL 開發 Metro 風格 DirectX 遊戲,從而全面利用圖形硬體的優勢。
- 建立第一個Metro 風格應用,Hello world
a) 在使用 C# 或 Visual Basic 建立 Metro 風格應用時,通常會使用 XAML 定義 UI,並用選定的語言在關聯的程式碼後置檔案中編寫應用邏輯。使用 C# 或 Visual Basic 編寫的 Metro 風格應用的 XAML 使用者介面架構位於 Windows 運行時的 Windows.UI.Xaml.* 命名空間中。如果你使用 Windows Presentation Foundation (WPF)、Silverlight 或 Silverlight for Windows Phone 編寫過應用,那麼你應該已經熟悉此編程模型了,並且能夠利用這一經驗使用 C++、C# 或 Visual Basic 來建立你的 Metro 風格應用。
b) 此處的樣本顯示了定義簡單的 Hello World 應用的 UI 及其關聯的程式碼後置頁面的 XAML。即使這一簡單的樣本,也顯示了若干個對基於 XAML 的編程模型而言非常重要的概念,包括部分類、布局、控制項、屬性和事件。此處的樣本顯示了定義簡單的 Hello World 應用的 UI 及其關聯的程式碼後置頁面的 XAML。即使這一簡單的樣本,也顯示了若干個對基於 XAML 的編程模型而言非常重要的概念,包括部分類、布局、控制項、屬性和事件。
<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> <Button Content="Click Me" Click="HelloButton_Click" /> <TextBlock x:Name="DisplayText" FontSize="48" /> </StackPanel> </Grid></Page>
View Code
using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;using Windows.UI.Xaml.Navigation;namespace HelloWorld{ public sealed partial class BlankPage : Page { public BlankPage() { InitializeComponent(); } private void HelloButton_Click(object sender, RoutedEventArgs e) { DisplayText.Text = "Hello World"; } }}