《使用 Visual Studio 2012 开发 Metro 风格应用》由会员分享，可在线阅读，更多相关《使用 Visual Studio 2012 开发 Metro 风格应用（8页珍藏版）》请在金锄头文库上搜索。
1、使用 Visual Studio 2012 开发 Metro 风格应用Microsoft Visual Studio 2012 是一系列工具的集合，可用于创建、编写代码、调试、本地化、封装和部署 Windows Metro 风格应用。简而言之，Microsoft Visual Studio 可以帮助你完成开发 Metro 风格应用所需的所有工作。如果你之前没有使用过 Visual Studio，则在开始编写代码之前，请先快速浏览一下。Visual Studio 有很多组成部分，但是你无需全部了解即可开始工作。当你完成设置新项目的基本步骤之后，我们可以了解一下代码编辑器以及其他 Visual S
2、tudio 功能。要点如果你还没有安装 Microsoft Visual Studio Express 2012 for Windows 8，请转到此处下载并安装这些工具。如果通过 Windows 8 Consumer Preview 更新使用 JavaScript 的 Metro 风格应用，请参阅迁移使用 JavaScript 的 Metro 风格应用。要点只有 Windows 8 支持 Visual Studio 中的 Metro 风格应用开发。Windows 7 不支持。此外，Windows Server 2012 不提供开发者许可证，因此你不能在该操作系统上开发 Metro 风格应用。
3、获取开发人员许可证你必须使用一个开发人员许可证来开发和测试 Metro 风格应用，这样，Windows 应用商店才能对它们进行验证。首次运行 Visual Studio 时，它会提示你获取开发人员许可证。 阅读许可条款，如果同意，请单击“我接受”。如果要继续，则在“用户帐户控制(UAC)”对话框中单击“是”。 有关开发者许可证的详细信息，请参阅获取开发者许可证。创建项目并选择模板创建应用时，你需要做的第一件事就是决定使用哪种语言。你可以选择 JavaScript、C+、C# 或 Visual Basic。若要创建 Metro 风格应用项目，请单击“文件”“新建”“项目”（或者按 Ctrl+Sh
4、ift+N）。随后，你将看到“新建项目”对话框。在左侧窗格中选择一个语言节点。你会在中央窗格中看到各种应用模板。一些重要的模板（例如网格应用和拆分应用）可以在所有语言之间共享。但也有一些模板是语言特定的。以下是用于 Metro 风格应用的主要模板。模板描述拆分应用拆分应用模板是开发以下 Metro 风格应用的极好开端：你可以对该应用进行自定义，以创建允许用户以两列式视图方式查看项目列表和项目详细信息，用户可能需要在项目间快速切换，并且该列表可能会动态更新。例如新闻阅读器、运动计分应用或电子邮件应用。有关该应用的结构及其工作原理的详细信息，请参阅适用于 Metro 风格应用的 JavaScrip
5、t 项目模板或加速你的应用开发的模板 (C#/VB/C+)。网格应用网格应用模板是开发以下 Metro 风格应用的极好开端：你可以对该应用进行自定义以创建允许用户通过类别浏览来查找完全符合他们需求的内容。例如：购物应用、新闻应用以及照片或视频应用。有关该应用的结构及其工作原理的详细信息，请参阅适用于 Metro 风格应用的 JavaScript 项目模板或加速你的应用开发的模板 (C#/VB/C+)。空白应用此模板提供一个最小的 Metro 风格应用，该应用能够编译和运行，但不包含用户界面控制或数据。若要获取使用此项目模板的逐步指南，请参阅后续步骤中的语言特定的“创建第一个应用”主题。有关该模
6、板及其工作原理的详细信息，请参阅适用于 Metro 风格应用的 JavaScript 项目模板或加速你的应用开发的模板 (C#/VB/C+)。导航应用此 JavaScript 模板提供基本的导航、应用桌面工具栏（应用栏）和基于媒体模式的布局，这些布局也用在网格应用和拆分应用中。导航应用模板仅包含一个最小页面片段，你可以方便地向其中添加更多页面片段。然后可以添加你自己的内容。有关该应用的结构及其工作原理的详细信息，请参阅适用于 Metro 风格应用的 JavaScript 项目模板。固定布局应用此 JavaScript 模板提供与空白应用模板相同的基本 Metro 风格应用，不同之处在于它的内容
7、适用于固定的视区。对于以 JavaScript 开发的大多数游戏类应用，我们推荐使用此项目模板。有关该模板及其工作原理的详细信息，请参阅适用于 Metro 风格应用的 JavaScript 项目模板。DirectX 应用此 C+ 模板帮助你构建使用 DirectX 的 Metro 风格应用。有关详细信息，请参阅 DirectX 教程。当你创建 Metro 风格应用时，Visual Studio 会创建一个解决方案，它提供了一种管理你的项目的各种源元素（代码文件、图像、样式表、设置等等）的方法。一个解决方案容器可以包含多个项目，一个项目容器通常包含多个代表在创建应用时所需要的参考、文件夹和文件的
8、项目。解决方案资源管理器显示解决方案、其项目和项目中的项。从解决方案资源管理器中，可以打开文件进行编辑、向项目添加新文件，以及查看解决方案、项目及项目属性。下面是一个用于 JavaScript 项目的解决方案资源管理器。除了适用于语言的源代码文件外，每个项目还包括 package.appxmanifest 文件，它描述用于 Windows 的应用包。每个项目还包含一些图像文件，如用作初始屏幕图像的 splashscreen.png，以及用于 Windows 应用商店的 storelogo.png。签名包所需的项目源证书 (.pfx) 文件也包括在项目中。设计用户界面规划用户界面时，选择最合适的
9、 Visual Studio 项目模板作为开始非常重要，了解如何添加可重用的项模板（例如“搜索目标”合约）也很重要。可以通过编写代码或使用可视化设计器来开发你的 UI。可视化设计器提供了以设计者为导向的应用设计界面，包括用于构建 UI 的拖放界面。对于以 JavaScript 编写的 Metro 风格应用，你可以使用 Blend for Microsoft Visual Studio 2012 for Windows 8 中提供的可视化设计器。可以通过右键单击“解决方案资源管理器”中的项目并单击“在 Expression Blend 中打开”，在 Blend 中打开 Visual Studio
10、 项目。或者，也可以从 Blend 中打开解决方案文件 (.sln)。对于使用 XAML 构建的 Metro 风格应用，你可以选择使用 Visual Studio 中的可视化设计器，称为 XAML 设计器或 Blend。Visual Studio 中的 XAML 设计器提供了一个主设计器设计面和一个工具箱以拖放控件，这与 Blend 非常相似。如果选择使用 Blend 来设计使用 XAML 构建的 Metro 风格应用，请从其 IDE 中直接打开解决方案文件 (.sln)。下图说明了 Visual Studio 中的 XAML 设计器。更新应用清单你可以使用 Visual Studio 中的清
11、单设计器来编辑应用清单文件，该文件介绍了你的应用包。应用清单文件显示在 Metro 风格应用中，与语言类型无关。清单设计器有如下五个选项卡： 应用程序 UI。配置 UI 设置，包括徽标、初始屏幕以及初始方向。 功能。指定你的应用可以使用的系统功能或设备，如 Internet 访问、当前位置以及音乐库访问。 声明。为应用合约添加声明，如搜索和共享目标合约，以及指定其属性。 内容 URI。指定你的应用可以访问或无法访问的 URI。 打包。设置部署包时标识和介绍该包的属性。有关应用部件清单设置的详细信息，请参阅清单设计器。双击解决方案资源管理器中的 package.appxmanifest 文件，或
12、右键单击该文件，并选择“视图设计器”。此处显示清单设计器的“功能”选项卡。编写代码Visual Studio Express2012 for Windows 8 包括针对以下语言的完整功能的编辑器：JavaScript、HTML/XML/XAML、CSS、C#、Visual Basic、C+ 和 HLSL。编辑器提供很多相应语言的功能，可以自定义这些功能来帮助创建应用。 当键入代码时，IntelliSense 会提供诸如语句结束和参数帮助的功能。下图介绍 C+ 代码编辑器中的成员列表。注意，该成员列表还会显示所选项的 QuickInfo 工具提示。提示JavaScript IntelliSen
13、se 在 Visual Studio Express2012 for Windows 8 中得到了改进，并且包含新功能，如支持标准 JavaScript 注释以及自定义的 IntelliSense 结果。有关 JavaScript IntelliSense 的详细信息，请参阅 Visual Studio 2012 中的新增功能和 JavaScript IntelliSense。 代码片段插入（通过右键单击代码文件并选择“插入代码片段”提供）。 导航诸如“转至定义”、“书签”以及“导航到”的帮助。使用“转至定义”命令，可查找类或函数的定义，方法是右键单击标识符并选择“转至定义”。（Visual
14、Basic 和 Visual C+ 使用对象浏览器来显示有关 Windows 运行时类型的信息。）下图说明了 JavaScript 代码编辑器中诸如“转至定义”和“插入代码片段”的选项。若要设置和使用书签，请使用“编辑”“书签”菜单，或使用“书签”菜单中显示的快捷键。打开“导航到”窗口，方法是在编辑器中按 Ctrl +,，或选择“编辑”“导航到”。“导航到”可以在解决方案中查找符号定义和文件名，而不是本地变量。 大纲、自动换行、显示行数和其他功能。可以自定义编辑器的行为，并启用或禁用如缩进、自动换行和语句结束的功能。若要自定义编辑器的行为，请单击 Visual Studio 中的“工具”“选项
15、”，展开“文本编辑器”，然后选择相应的编辑器进行配置。构建应用若要构建应用，请在“构建”菜单中单击“构建解决方案”或“重建解决方案”（或按 F7）。在“输出”窗口中可查看生成过程的结果。若要在调试模式下运行新的应用，请单击“调试”“启动调试”，或按 F5。此操作默认在主机中运行应用，但你可以选择在模拟器或远程设备上运行。有关选择本地或远程主机或模拟器的信息，请参阅从 Visual Studio 运行 Metro 风格应用。要退出 Metro 风格应用并切换回 Visual Studio，请按 Alt+TAB。若要停止调试，请单击“调试”“停止调试”，或按 Shift+F5。封装和部署使用 pa
16、ckage.appxmanifest XML 文件可以配置 Windows 应用商店的部署程序包。Visual Studio 中的清单设计器提供了配置程序包的用户界面。可以通过在“解决方案资源管理器”中双击 package.appxmanifest 文件并选择“封装”选项卡，来访问清单设计器中的部署选项。有关详细信息，请参阅清单设计器。本地化若要在 Visual Studio 中对 Metro 风格应用进行本地化，建议你在项目中添加一个或多个资源文件，例如 JavaScript 的 .resjson 文件。可以使用资源文件来指定你在应用中标识的字符串资源的本地化值。有关本地化的详细信息和教程，请参阅全球化你的应用。调试和测试V
