【IT168 技术】Windows 开发者预览版方便用户专注于重要的任务，可以让你轻松开发一些具有创意的应用。Windows SDK中的一些Metro风格的应用集成了一些有用的工具和实例，可以帮助你创建一些趣味横生的Metro风格应用。你可以使用任何一种熟悉的技术来编程，开发Metro风格的应用，包括HTML5，JavaScript，Cascading Style Sheets，Level 3 (CSS3), 或者 XAML, C++, C#等。
开发Windows Metro App
Windows 开发者预览版提供了一个全新的开发平台，适用于开发Metro 风格的App。这里的环境让人身临其境，体验全屏幕的编程模式。在Windows开发者预览版中，App位于整个界面的舞台中心，而操作系统则位居chrome幕后。
Metro风格的App在设计上利用了硬件特有的功能和不同的需求为用户提供定制化的用户体验。比如，App 可以利用传感器定位到你目前的位置，传递数据后使用光线传感器来调整屏幕的亮度。利用已有的技能可以开发出Metro风格的App，而且还能重用代码。如果你熟悉Web开发技术，不妨使用HTML5，CSS3，以及JavaScript。当然你可以使用更传统的编程语言。
Windows 应用商店允许你接触到眷顾微软Windows产品的大量用户。你可以利用Windows Store在世界范围的任何地方来销售你的App。你也可以指定销售地点，以及App的市场价位。
你可以灵活自如地选择用什么样的编程语言和技术来创建Metro风格的App。使用JavaScript创建Metro风格的App，可以访问到现代设备的丰富功能。你可以使用HTML5和CSS3来创建用户界面，在App的逻辑编程上，可以使用C++、C#以及VB等等。Metro风格的游戏开发需要使用到微软的DirectX 11.1，以及C++、HLSL，从而实现图形硬件的优势。
Windows 开发者预览版采用了原生的可扩展性，让你可以部署自己可用的组件库。你可以通过C++、C#、以及Visual Basic来开发自定义的组件。你还可以使用JavaScript或者其它的相关语言来调用这些组件。
如何获取Windows Developer 预览和工具
在部署Metro风格的应用程序之前，你首先必须下载并且安装Windows Developer Preview，包括微软
Visual Studio 11 Express for Windows Developer Preview和Windows SDK Metro风格 Apps。同时也会下载Microsoft Expression Blend来帮助你设计漂亮和少有的Metro风格App。
一旦你已经安装了Windows Developer Preview，你就可以开始部署Windows Metro风格的App了。
编写一个 Hello Windows Metro 风格App
部署Windows Metro 风格的App比较容易。你可以使用已有的技能来重用已经开发好的代码。Windows Runtime提供了一系列的API，你可以用它来建立连接、量身定制一些体验。当Windows Runtime无法满足你所需要的功能时，你可以从支持Metro风格app开发的Microsoft .NET and Microsoft Win32 APIs中获得资源。更多信息，请参看Windows Runtime Reference.
通过JavaScript来实现"Hello World"的编程
你可以通过HTML5和CSS3来调整样式，从而使用JavaScript来实现逻辑上的功能，部署一个Metro风格的应用
<html>
<head>
<meta charset="utf-8" />
<title>MyFirstMetroApp</title>
<!-- WinJS references -->
<link rel="stylesheet" href="/winjs/css/ui-dark.css" />
<script src="/winjs/js/base.js"></script>
<script src="/winjs/js/wwaapp.js"></script>
<!-- WinWebApp1 references -->
<link rel="stylesheet" href="/css/default.css" />
<script src="/js/default.js"></script>
</head>
<body>
<button onClick="click">Click me!</button>
<p id="myText" />
</body>
</html>
在这次的代码示例中，你可以参看JavaScript的Windows Library，同时也可以查看默认的样式表单。当你使用预定义的Metro风格的应用模板时，可以参考这段代码。编译和运行完这个App以后，会生成一个Button按钮，注明“Click me!”将代码添加到默认的.js文件中可以简单处理onClick事件。
myText.innerText="Hello Windows Metro style apps with JavaScript!";
});
一旦点击了Button按钮，"Hello Windows Metro style apps with JavaScript!”就会出现。你可以在Windows Runtime中使用任何一种API来扩展这种App，通过加强HTML5和CSS3来增强样式。
通过使用C++、C#或者Visual Basic来部署metro风格的App，.NET开发人员或者Windows Phone 7的开发人员会觉得更加熟悉。这些应用可以通过XAML来处理应用程序的逻辑。以下是另一种非常基本的Metro风格App示例：
<UserControl x:Class="Application1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="768" d:DesignWidth="1366">
<Grid x:Name="LayoutRoot" Background="#FF0C0C0C">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Button Grid.Row="0" Grid.Column="0" Name="myButton"
Click="changeText">Click Me!</Button>
<TextBox Grid.Row="1" Grid.Column="0" Name="myTextBox" />
</Grid>
</UserControl>
上述示例也使用了Visual Studio模板，其输出结果与前例一致。XAML标记也是一种丰富页面内容呈现的好办法。在本例中，C#代码由一个单独的文件MainPage.xaml.cs定义，主要处理按钮的Click事件。
{
myTextBox.Text = "Hello Windows Metro style apps with XAML!";
}
点击按钮，页面网格的第二列出现文字”Hello Windows Metro style apps with XAML!"。后台代码除了C#，还可以使用Visual Basic或者C++重写，机会不会影响到关联的XAML标记。
在您使用擅长的编程语言完成Metro风格的应用程序后，接下来就可以构建程序包了。下面的三篇文章将讲述如何打包您的第一个程序。
