Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

    自2013年8月Apps Team发布Windows Phone App Studio以来,由于其低入门门槛和较好的易用性,用户和项目数量增长迅速,从Windows Phone Developer Blog的这篇文章来看,在其发布的两个月之内,就有160,000个用户创建了150,000个工程项目。截止目前,Windows Phone App Studio已有350,000个注册用户,超过300,000个项目。且Windows Phone App Studio开通了反馈渠道,使得产品组能够根据开发者和社区的意见进行改进。在之后的产品功能中,逐渐增加了包括Action、NFC share和Windows Phone Ad SDK等特性。昨天,Windows Phone App Studio又一次进行了重大更新,其内容包括Web UI、Online Emulator和full Visual Studio Source Project等。下面就我个人的测试进行图文演示。

 

1. Web UI

    首先, Web UI增加了触摸特性,用户可以不用鼠标,在平板电脑上完成应用的设计。目前版本的主编辑页面如图1所示。

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图1:项目编辑主页面

    用户在Content、Themes、Tiles和Publish信息这4个不通的类别中,分别点击各自的Tab来进行编辑。不同页面直接通过鼠标的拖拽就可以交换顺序。

1.1 Content

    对于Content一项的内容,已经支持图片的预览功能,即只需要将鼠标放置。图片上方,就可以弹出一个完整图片的窗口。如下图2所示。

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图2 图片完整预览窗口

    另外,对于Menu的编辑进行了区分,即内容和样式需要在不同的网页中编辑,如下图3所示。

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图3:Menu Section的编辑

1.2 Themes内容

    应用程序样式除了标准了Dark Style和Light Sty。le以外,还包含了用户自定义模式,在这个模式中,需要注意的是,如果需要上传背景图片,要确定图片资源的名字不能重复,否则系统会无法正常显示背景。如下图4所示:

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图4:图片资源出错提示

 

1.3 Tiles 内容

    在磁贴内容中,系统给出了图片的推荐分辨率额格式,但是如果不满足要求,系统会进行剪裁和图片转换,如下图5所示。

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图5:图片转换提示

 

2. Online Emulator

    在Online Emulator中,不需要保存项目就能够看到实时的内容更新。这一点较上一个版本又有了较大的改进。如图6所示:

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图6:实时根据内容更新的模拟器

 

3. Full Visual Studio Source Project

    在项目代码生成方面,这一直是Windows Phone App Studio相比于其他在线应用生成工具的killer feature。目前,已经增加了Windows 8.1的应用工程源代码。使得开发者可以在Windows 8、Windows 8 RT和Windows Phone 8上完成统一风格的项目,为用户提供一致的用户体验。

    在应用编辑完成之后,可以生成项目的XAP文件和源代码工程,选择Windows Phone 8.0 and Windows 8.1的时候,就会生成CyanApp.zip的文件,包含手机和PC平台的源代码。选择Windows Phone 8.0的时候,生成普通的手机平台代码工程,名字为App.zip。

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图7:生成代码选项页面

    在工程代码方面,采用了MVVM的架构,相比之前的版本也有了一定的提升。图8是WP8的工程界面,图9是WP8和Win8.1的工程界面。

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图8:WP8源代码工程界面

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图9:WP8和Win8.1的工程界面

    自加入了Win8.1的解决方案以后,我们可以在本地调试,或者是在Win8.1 RT设备上进行调试,同一个工程可以覆盖Win8.1/ Win8.1 RT/Windows Phone 8三个平台。图10-13分别是手机模拟器调试、本地模拟器调试、Windows RT设备调试和手机真机调试的图片。

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图10: Phone Emulator

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图11: Local Emulator

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图12: App run in Windows 8.1 RT device (with red touch cover).

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

图13: App run in Windows Phone 8 device.

 

资源:

1. Windows Phone Developer Blog:New UI and capabilities for Windows Phone App Studio Beta developers

2. Windows Phone App Studio:http://appstudio.windowsphone.com

Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成

上一篇:resolve fire在SAP UI5中的使用场景


下一篇:Android菜鸟的成长笔记(14)—— Android中的状态保存探究(上)