使用Windows8开发Metro风格应用一

  1. Metro 风格的应用设计为全屏的,漂亮生动,可以与你关注的人和内容关联,互动性强,触摸方式优先,而且可以在各种布局和规格中使用。Metro 风格应用采用中心舞台,而操作系统保持后台运行。 
  2. 创建 Metro 风格应用时,可以使用一下三种方式:
    a)  可以使用 HTML5、层叠样式表、级别 3 (CSS3) 以及 JavaScript 来开发。
    b)  可以使用 XAML,借助 C++、C# 或 Microsoft Visual Basic 中的代码隐藏开发 Metro 风格应用。
    c)   可以使用本机 C++ 和 HLSL 开发 Metro 风格 DirectX 游戏,从而全面利用图形硬件的优势。
  3. 创建第一个Metro 风格应用,Hello world
    a) 在使用 C# 或 Visual Basic 创建 Metro 风格应用时,通常会使用 XAML 定义 UI,并用选定的语言在关联的代码隐藏文件中编写应用逻辑。使用 C# 或 Visual       Basic 编写的 Metro 风格应用的 XAML UI 框架位于 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";
        }
    }
}

 

posted on 2012-06-02 19:59  refactor  阅读(1833)  评论(0编辑  收藏  举报

导航