在 HTML 中建立 Windows Phone 8.1 应用程序


[原文发表地址] Building Windows Phone 8.1 Apps in HTML

[原文发表时间] 4/8/2014

上个星期在BUILD 会议上,我们宣布: 现在可以 使用 HTML、 CSS 和 JavaScript生成 Windows Phone 8.1的应用程序,以及与当今其他构建 Windows 8.1 存储应用程序相同的技术。为了帮助您构建这些应用程序,Visual Studio 2013和 Visual Studio 2013的Blend版本中,我们做了许多改进。在这篇文章中,我们强调了一小部分很酷的,并且新的改进,你可能会发现非常有用,尤其对于通用的 Windows 应用程序技术。


通用程序

使用Windows 8.1 和 Windows Phone 8.1 最新的更新,您可以为常见的 Windows 运行库,使用 XAML/ C# / C + + VB 或 HTML/JS来创建通用的 Windows 程序。实际上,这意味着您可以在Windows 8.1 Store 和Windows Phone 8.1 应用程序之间,共享大多数或所有您的代码和资源。为了使此共享更加方便,在Visual Studio 2013 更新 2 RC中,我们添加了新的项目类型,称为通用的应用程序。通用应用程序提供一种改进的项目结构,使您在平台间更轻松地共享,同时区分您特定平台的 HTML、 CSS 和 JavaScript资源。

我们提供三个通用的应用程序项目模板,以便您入门。

空的应用程序仅包括基本要素,让你添加自己的资源和代码。集线器/数据透视表应用程序提供一个好例子,不同的容器控件中显示的相似内容。导航应用程序开始您需要的基础架构,它是单个页面的应用程序 (SPA)。你可以在MSDN了解更多有关这类项目的信息.

关于通用应用程序,您首先将会注意到的是他们的项目结构:

您将看到三个项目节点: 一个用于Windows Store、 Windows Phone 和Shared。特定于 Windows Store的代码和内容将驻留在您的 Windows Store项目中。同样,特定于 Windows Phone 的代码和内容将驻留在您的 Windows Phone 项目中。您的Shared项目将包含所有的代码和内容,目的是在您的Store和Phone项目之间共享。

一旦创建了您的项目,你可能要侧重于为每个平台建设您的应用程序。上下文切换器,位于共享文件顶部的的导航栏中,允许你切换到你目前专注的平台,确保最好的编程体验,包括你当前平台的API的智能感知:

例如,如果您切换到 Windows 8.1 的编码,Visual Studio 不会显示你只适用于 Windows Phone 8.1 的 API。当你目标平台的 API不存在于时,Visual Studio将会为你标记出来:

关于Context Switcher的其他伟大提示,你可以在following Build session.了解更多。


设备面板

混合的设备面板使您可以以不同的方向、 分辨率和尺寸来预览您的应用程序,而不需要您将其部署到多个设备。设备面板现在支持Phone应用程序。你会在显示的可用列表集中,看到适用于Phone的设备配置集的系列更新。此外,还有 Windows Phone 主题和颜色配置。


调试和诊断程序

所有 Windows Store 的应用程序的调试和诊断功能也可用于 Windows Phone 开发:

对于移动设备尤其重要的一个领域是应用程序的性能。为了帮助改善这个, UI 响应性工具内存分析器可以帮助诊断性能问题。UI 响应工具可以清晰地显示您应用程序所花时间的图表,呈现您的应用程序的视觉效果。内存分析器使您能够看到哪里分配,释放内存,并随着时间的推移进行分配,释放内存。


Manifest Designer

定义您的应用程序的外观和感觉的一个重要部分是确保可视的资产,如商标和初始屏幕,区分您的应用程序。The manifest designer在您的应用程序内便于提供 Windows Phone资产。如果你要创建一个通用的项目,manifest designer使您能够指定您的 Windows Phone 和 Windows Store 的应用程序的可视化资产。


从哪里得到它

要开始构建支持 Windows Store 和 Windows Phone 与 HTML 中使用通用项目的应用程序,请安装Visual Studio 2013 更新 2 RC。如果你还没有 Visual Studio 2013,你可以免费下载 Visual Studio Express 2013 for Windows with Update 2

如果您有任何疑问或意见,请在论坛上随时跟帖评论或发帖!

Cheers,

Jordan & Kirupa


Comments (0)

Skip to main content