win8应用开发之一:创建一个使用 C#/VB 和 XAML 的 Metro 风格应用

来源:互联网 发布:以公司名义开淘宝店 编辑:程序博客网 时间:2024/05/22 00:11

开始之前...

  • 若要完成本教程,你需要具备 Windows 8 Release Preview 和 Microsoft Visual Studio Express 2012 RC for Windows 8。若要下载以上内容,请参阅获取工具。
  • 你还需要具备开发者许可证。有关说明,请参阅获取开发者许可证。

步骤 1:在 Microsoft Visual Studio 中创建新项目

           

我们初始建立一个空白页!也就是“空白应用”

尽管“空白应用”为最基本的模板,但该模板仍包含很多文件:

  • 清单文件 (package.appxmanifest) 介绍应用(它的名称、介绍、磁贴、开始页面等等)并列出应用包含的文件。
  • 要在开始屏幕中显示的一组大的和小的徽标图像(logo.png 和 smalllogo.png)。
  • 表示应用位于 Windows 应用商店的图像 (storelogo.png)。
  • 显示应用启动时间的初始屏幕 (splashscreen.png)。
  • 应用的 XAML 和代码文件(App.xaml 和 App.xaml.cs/.vb)。
  • 开始页面 (MainPage.xaml) 和附带的代码文件 (MainPage.xaml.cs/.vb),这些文件在应用启动时运行。

这些文件是使用 Visual Basic 或 C# 的所有 Metro 风格应用必不可少的文件。在 Visual Studio 中创建的所有项目都包含这些文件。

具体你需要用到哪些模板需要因情况而定:例如我需要用到基本页模板,这个时候我需要替换MainPage

在空白应用中替换 MainPage

  1. 在“解决方案资源管理器”中,右键单击 MainPage.xaml,然后选择“删除”
  2. 单击“确定”确认删除操作。
  3. 选择“项目”>“添加新项”。将打开“添加新项目”对话框。该对话框的外观类似于“新建项目”对话框。
  4. 在“已安装”窗格中,展开 Visual C# 或 Visual Basic
  5. 选择“Windows Metro 风格”模板类型。
  6. 在中心窗格中,选择要添加到项目中的页面类型。对于本示例,请选择“基本页”
  7. 为该页面输入一个名称。对于本示例,请输入 "MainPage"。
  8. 单击“添加”。你的页面的 XAML 和代码隐藏文件即被添加到项目中。
  9. 首次向“空白应用”模板添加新页面(“空白页”除外)时,Visual Studio 会显示含有消息的对话框,告知你添加操作取决于项目缺失的文件。单击“是”可添加这些文件。将用于多种实用工具类的文件添加到Common 文件夹中的项目中。
  10. 按 F7 可构建应用。新页会显示设计器中的错误,直至你构建该设计器依赖的帮助程序类。

步骤 2:启动应用

此时,我们创建了非常简单的应用。如果你想看它的外观,按 F5 可在调试模式下构建、部署并启动应用。首先会出现默认的初始屏幕,然后会出现应用。它包含黑屏和标题“我的应用程序”""。