使用 Visual Studio 11 Beta 开发 Metro 风格应用

红薯 发布于 2012/03/01 22:45
阅读 1K+
收藏 2

Microsoft Visual Studio 11 Beta 是一系列工具的集合,可用于创建、编写代码、调试、本地化、封装和部署 Windows Metro 风格应用。简而言之,Microsoft Visual Studio 可以帮助您完成开发 Metro 风格应用所需的所有工作。

如果你之前没有使用过 Visual Studio,则在开始编写代码之前,请先快速浏览一下。Visual Studio 有很多组成部分,但是你无需全部了解即可开始工作。当你完成设置新项目的基本步骤之后,我们可以了解一下代码编辑器以及其他 Visual Studio 功能。

提示  如果你还没有安装 Microsoft Visual Studio 11 Express Beta for Windows 8,请转到此处下载并安装这些工具。

要点  只有 Windows 8 客户预览版支持 Visual Studio 中的 Metro 风格应用开发。Windows 7 不支持。此外,Windows Server 8 Beta 不提供开发人员许可证,所以你不能在该操作系统上开发 Metro 风格应用。

获取开发人员许可证

你必须使用一个开发人员许可证来开发和测试 Metro 风格应用,这样,Windows 应用商店才能对它们进行验证。

首次运行 Visual Studio 时,它会提示你获取开发人员许可证。 阅读许可条款,如果同意,请单击“我接受”。如果要继续,则在“用户帐户控制(UAC)”对话框中单击“是”。

有关开发人员许可证的详细信息,请参阅获取开发人员许可证

创建项目并选择模板

创建应用时,你需要做的第一件事就是决定使用哪种语言。你可以选择 JavaScript、C++、C# 或 Visual Basic。

若要创建 Metro 风格应用项目,请单击“文件”>“新建”>“项目”(或者按 Ctrl+Shift+N)。随后,你将看到“新建项目”对话框。在左侧窗格中选择一个语言节点。你会在中央窗格中看到各种应用模板。一些重要的模板,例如网格应用程序和拆分应用程序,可以在所有语言之间共享。但也有一些模板是语言特定的。以下是用于 Metro 风格应用的主要模板。

模板 描述
拆分应用程序 拆分应用程序模板是开发以下 Metro 风格应用的极好开端:你可以对该应用进行自定义,以创建允许用户以两列式视图方式查看项目和项目详细信息,用户可能需要在项目间快速切换,并且该列表可能 会动态更新。例如新闻阅读器、运动计分应用或电子邮件应用。此项目模板使用为 Metro 风格应用推荐的导航模型。

有关该应用的结构及其工作原理的详细信息,请参阅适用于 Metro 风格应用的 JavaScript 项目模板加速你的应用开发的模板 (C#/VB/C++)

网格应用程序 网格应用程序模板是开发以下 Metro 风格应用的极好开端:你可以对该应用进行自定义以创建允许用户在类别之间浏览来查找完全符合他们需求的内容。例如:购物应用、新闻应用以及相片或视频应用。此项目模板使用为 Metro 风格应用推荐的导航模型。

有关该应用的结构及其工作原理的详细信息,请参阅适用于 Metro 风格应用的 JavaScript 项目模板加速你的应用开发的模板 (C#/VB/C++)

空白应用程序 此模板提供一个最小的 Metro 风格应用,该应用能够编译和运行,但不包含用户界面控制或数据。有关使用此项目模板的循序渐进指南,请参阅后续步骤中的语言特定的“创建你的第一个应用”主题。

有关该模板及其工作原理的详细信息,请参阅适用于 Metro 风格应用的 JavaScript 项目模板加速你的应用开发的模板 (C#/VB/C++)

导航应用程序 此 JavaScript 模板提供基本的导航、应用桌面工具栏(应用栏)和基于媒体模式的布局,这些布局也用在网格应用程序和拆分应用程序中。导航模板仅包含一个最小页面片段,你 可以方便地向其中添加更多页面片段。然后可以添加你自己的内容。此项目模板使用针对 Metro 风格应用而推荐的导航模型。

有关该应用的结构及其工作原理的详细信息,请参阅适用于 Metro 风格应用的 JavaScript 项目模板

固定布局应用程序

此 JavaScript 模板与空白应用程序模板一样,提供最少的 Metro 风格应用,不同之处在于它的内容是针对固定视区的。建议将此项目模板用于以 JavaScript 开发的大多数游戏应用。

有关此模板及其工作原理的详细信息,请参阅适用于 Metro 风格应用的 JavaScript 项目模板
DirectX 应用程序

此 C++ 模板用于 Metro 风格游戏开发。有关详细信息,请参阅使用 C++ 创建你的第一个 Metro 风格游戏

 

当你创建 Metro 风格应用时,Visual Studio 会创建一个解决方案,它提供了一种管理你的项目的各种源元素(代码文件、图像、样式表、设置等等)的方法。一个解决方案容器可以包含多个项目,一个项目容 器通常包含多个代表在创建应用时所需要的参考、文件夹和文件的项目。

“解决方案资源管理器”显示解决方案、其项目和项目中的项。从“解决方案资源管理器”中,你可以打开文件进行编辑、向项目添加新文件,以及查看解决方案、项目及项目属性。下面是一个用于 JavaScript 项目的“解决方案资源管理器”。

BR211384.vs_solution_ex(zh-cn,WIN.10).png

除 了适用于语言的源代码文件外,每个项目还包括 package.appxmanifest 文件,它描述用于 Windows 的应用包。每个项目还包含一些图像文件,如用作初始屏幕图像的 splashscreen.png,以及用于 Windows 应用商店的 storelogo.png。签名包所需的项目源证书 (.pfx) 文件也包括在项目中。

设计用户界面

规划用户界面时,选择最合适的 Visual Studio 项目模板作为开始非常重要,了解如何添加可重用的项目模板(例如“搜索”合约)也很重要。可以通过编写代码或使用视觉设计器来开发你的 UI。视觉设计器提供以设计者为导向的应用设计界面,包括用于构建 UI 的拖放界面。

对于以 JavaScript 编写的 Metro 风格应用,你可以使用 Blend for Microsoft Visual Studio 11 Beta 中提供的可视化设计器。可以通过右键单击“解决方案资源管理器”中的项目并单击“在 Expression Blend 中打开”,在 Blend 中打开 Visual Studio 项目。或者,也可以从 Blend 中打开解决方案文件 (.sln)。

对于使用 XAML 构建的 Metro 风格应用,你可以选择使用 Blend 中的可视化设计器,或者使用 Visual Studio 中提供的可视化设计器。Visual Studio 中的设计器提供了一个主设计器表面和一个工具箱以拖放控件,这与 Blend 非常相似。如果选择使用 Blend 来设计使用 XAML 构建的 Metro 风格应用,请从其 IDE 中直接打开解决方案文件 (.sln)。

要点  

若要在 Windows 8 中设计使用 XAML 构建的 Metro 风格应用的 UI,我们建议你使用 Visual Studio 中提供的可视化设计器。作为 Windows 8 的一部分提供了一些创建使用 XAML 构建的 Metro 风格应用的有限 Blend 功能。

更新应用清单

可以使用 Visual Studio 中的清单设计器来编辑描述应用包的包清单文件。包清单文件显示在 Metro 风格应用中,无论是什么语言类型。清单设计器包括四个选项卡:

  • 应用程序 UI。配置 UI 设置,包括徽标、初始屏幕以及初始方向。
  • 功能。指定你的应用可以使用的系统功能或设备,如 Internet 访问、当前的位置以及音乐库访问。
  • 声明。为应用合约添加声明,如搜索和共享目标合约,并指定它们的属性。
  • 内容 URI。指定你的应用能够或不能访问的 URI。
  • 封装。设置包部署时识别并描述包的属性。

有关包清单设置的详细信息,请参阅清单设计器

双击“解决方案资源管理器”中的 package.appxmanifest 文件,或右键单击文件并选择“视图设计器”。“清单设计器”的“功能”选项卡显示在此处。

BR211384.vs_appmanifest(zh-cn,WIN.10).png

编写代码

Visual Studio 11 Express Beta for Windows 8 包括针对下列语言的功能齐全的编辑器:JavaScript、HTML/XML/XAML、CSS、C#、Visual Basic、C++ 和 HLSL。这些编辑器提供了许多针对语言的功能,你可以自定义这些功能以帮助你创建应用。

  • IntelliSense 可在你输入代码时提供语句完成和参数帮助等功能。

    提示  IntelliSense for JavaScript 在 Visual Studio 11 Express Beta for Windows 8 中得到了改进。有关 JavaScript IntelliSense 的详细信息,请参阅 JavaScript IntelliSense

  • 通过在代码文件中单击右键并选择“插入代码段”,可进行代码段插入。
  • 导航帮助,例如“转到定义”、“书签”和“导航到”。

    使用“转到定义”命令可以查找某个类或函数的定义,方法是:右键单击标识符并选择“转到定义”。(Visual Basic 和 Visual C++ 使用对象浏览器显示有关 Windows 运行时类型的信息。)

    若要设置和使用书签,请使用“编辑”>“书签”菜单,或使用“书签”菜单中显示的快捷键。

    在编辑器中按 Ctrl + 或选择“编辑”>“导航到”打开“导航到”窗口。通过“导航到”,可以查找解决方案中的符号定义和文件名,但无法查找局部变量。

  • 轮廓、自动换行、显示行号和其他功能。

你可以自定义编辑器的行为,启用或禁用缩进、自动换行和语句完成等功能。

BR211384.wedge(zh-cn,WIN.10).gif若要自定义编辑器行为,请在 Visual Studio 中单击“工具”>“选项”

  1. 在左窗格的树视图中,展开“文本编辑器”。
  2. 单击相应的编辑器进行配置。
  3. 指定你的首选项。

    有关选项的其他信息,请按 F1 获取帮助。

构建应用

若要构建应用,请在“构建”菜单中单击“构建解决方案”或“重建解决方案”(或按 F6)。在“输出”窗口中可查看生成过程的结果。

“输出”窗口

若要在调试模式下运行新的应用,请单击“调试”>“启动调试”,或按 F5。此操作默认在主机中运行应用,但你可以选择在模拟器或远程设备上运行。有关选择本地或远程主机或模拟器的信息,请参阅从 Visual Studio 运行 Metro 风格应用

要退出 Metro 风格应用并切换回 Visual Studio,请按 Alt+TAB。若要停止调试,请单击“调试”>“停止调试”,或按 Shift+F5。

封装和部署

使用 package.appxmanifest XML 文件可以配置 Windows 应用商店的部署程序包。Visual Studio 中的清单设计器提供了配置程序包的用户界面。可以通过在“解决方案资源管理器”中双击 package.appxmanifest 文件并选择“封装”选项卡,来访问清单设计器中的部署选项。有关详细信息,请参阅清单设计器

本地化

若要在 Visual Studio 中对 Metro 风格应用进行本地化,建议你在项目中添加一个或多个资源文件,例如 JavaScript 的 .resjson 文件。可以使用资源文件来指定你在应用中标识的字符串资源的本地化值。有关本地化的详细信息和教程,请参阅全球化你的应用

调试和测试

Visual Studio 包含一个功能强大的调试程序,其中包含许多支持 Metro 风格应用调试的新功能。你可以在本地调试应用,与调试经典 Windows 应用相似;也可以在本地计算机的模拟器中进行调试,还可以在 tethered 设备上进行远程调试。有关通用调试信息,请参阅调试和测试 Metro 风格应用。有关调试以 JavaScript 编写的 Metro 风格应用的信息,请参阅快速入门:调试应用 (JavaScript)

后续步骤

若要了解创建 Metro 风格应用的详细信息,请参阅以下主题:

要了解使用项目模板开发 Metro 风格应用的详细信息,请参阅以下主题:

有关 Visual Studio 中新功能的信息,请参阅 Visual Studio 11 开发者预览版产品热点

出处:http://msdn.microsoft.com/library/windows/apps/br211384

加载中
0
不流泪的机场
不流泪的机场
红薯老大的文章很像是学校的教材,呵呵
返回顶部
顶部