Windows 8 Metro app开发初体验

简介:

前言

随着Windows Phone的进一步推广,微软也把传统桌面版本的Windows带入触摸的世界,全新的Windows 8破蛹而出。大家对Windows8的关注度远远高于当初的Windows Phone。我记得在2010年4月Windows Phone CTP SDK刚出来的时候,研究的人寥寥无几,我可以算说写了当时第一个中文系列教程,然而由于CSDN和三星那边由于WP的上市时间一直推延发布。但是这一次Windows 8的Developer Preview 一出来,好几个大公司马上跟进,在Consumer Preview出来的时候,Windows Store已经有好几个大公司出产的App,例如QQ,人人神马的。Windows 8的火热程度必定高于Windows Phone。

 

由于Windows 8 Consumer Preview的发布,也说明了Windows 8慢慢的成熟,(其实还不成熟,我觉得Consumer Preview的Windows 8还没有当时Windows Phone CTP 那么成熟。后面会讲述到)也开始做一些原型,经过了两个星期的开发,做出了第一个Windows 8 Metro app的原型。

 

WP_000609

这是一个//BUILD app和Reader app的混合体,只是一个原型,功能还不完整,只用于演示,但是呈现的元素全部都是数据绑定,旦项目确定,只要修改数据源就能接着进一步开发。同时使用了Semantic Zoom,Grid View,List View等Windows 8的新控件,算是Windows 8开发的初体验。

 

Metro app

Windows 8的程序分为传统桌面程序和Metro App,如下图。与传统的桌面程序相比,Metro app是Windows 8全新的概念与开发模式,可以理解为Windows Phone app的Pad版本。

 

我们还是可以使用当前Windows的开发模式来开发桌面程序,例如WPF,MFC,Silverlight等等,但这都不是本文探讨的部分,本文讲述Metro app。

Metro app支持三种不同的开发模式,XAML + C#/VB, XAML/DirectX + C++, HTML5 + JS + CSS。理论上讲三种方式都是等同的,从我开发的经验来说,目前最为成熟的是HTML5的模式,控件的bug最少,有些控件,例如Semantic Zoom,HTML5版本要比XAML版本的正常。这也是为什么微软的app中HTML5 app最多的原因。我也粗略看过微软自己开发的,或者找实习生开发的app(在Developer Preview中),HTML5的app居多数,而微软的内置核心app一般都是XAML+C++的模式来开发的。但是我想随着Windows 8 SDK的进一步完善,最终三种方式开发的效果是一样的。到底选择哪个与个人自身条件与喜好相关,我个人的喜好是

C# –> HTML5 –> C++

 

由于我习惯了开发WPF(Surface)和Windows Phone程序,所以我首选C# + XAML的模式。这种模式后面慢慢讲述,现在插播一下其他模式的开发,以便于选型。

 

DirectX/XAML + C++模式

好处是开发的app不能反编译,由于Windows 8暂时不支持XNA(也不知道什么时候支持),所以开发游戏的首选是DirectX,而以DirectX作为呈现层的app只能使用C++了。Windows 8内置的app一般都是使用C++开发的,可能出于代码加密的考虑。

坏处是学习一种非标准的C++,出于个人情绪,我在Windows 8发布第一天就开始在Twitter和微薄上骂那种C++的开发方式,我不喜欢的不是C++,而是微软扩展的C++。其实我非常喜欢标准的C++,但是对微软的那种扩展C++一直没什么好感,大概在7,8年前,开始使用VS2003开发扩展C++程序,大概有几万行的代码,最后由于性能原因,把全部的托管(managed) C++代码全部移植回原生(native) C++,我甚至走的更远,除了迫不得已的情况下,绝不使用MFC,都以STL来代替。

因此除非有性能要求很高的程序,否则我不会轻易选择C++的开发模式。

 

HTML5+CSS+Javascript模式

Javascript可以说是世界上给人误解最大的语言,Objective C可以说是给人误解第二大的语言了,其实他俩兄弟挺惨的,一直给人骂,但其实都是功能强大,以一敌三的语言。但C#是一敌十的神马级别语言,所以我也不选择Javascript的模式,C#在手,万事无忧。如果大家仔细看微软的例子程序,Windows Store上的app,目前大部分的app都是以javascript开发的,例如Kindle,kobo等阅读器程序,//Build程序,而且Kindle还是没有混淆过的,很好的学习例子呀。而Developer Preview的//Build也公开的源代码,可是微软把api改了,原版本的程序不能启动了,但代码还是值得参考的。

微软说上述三种模式都是直接调用WinRT,没有区别,但是经过我测试,我觉得性能上还是有区别的,例如Semantic Zoom在HTML5版本下的性能明显要比C# XAML版本要差,这也是我决定不选择HTML5的原因。

其实这个HTML5可以说是微软版本的HTML5,对HTML技术熟悉的人都知道,HTML5还是Draft版本,每个厂商都实现其自己的HTML5,使用一大堆prefix tag,例如-webkit- -ms-神马的,Windows 8也不例外,严格来说还是在玩微软的HTML5,而且由于Javascript和HTML太强大了,编程模式太灵活,微软的HTML5模式就像山寨XAML的模式,一堆数据绑定。警告说HTML,JS的数据绑定不是微软特有的,市面上也有一堆MVVM和MVC库,例如knockoff等等,但是为Windows 8开发的开发HTML app,可移植性不高。也就是说可以进不可出。你明白的,呵呵。

但是我觉得这个模式还是不错的,我可能在将来选择这种模式进行开发。

 

以上都是一家之言,欢迎狂喷,我会根据自己的知识re喷,呵呵。

XAML,还是XAML

clip_image002

前文再续书接上一回,回到我心爱的C# + XAML。一言以蔽之:Windows 8的C# + XAML就像WPF版本的Windows Phone。XAML功能比Silverlight更强大,控件更丰富,然后加入一些Windows Phone独立存储空间的概念,生命周期的概念。因此如果熟悉WPF,Silverlight或者Windows Phone的开发,进入Windows 8的XAML + C#模式的开发将会非常容易。最关键的核心概念还是那些:数据绑定,依赖属性,StoryBoard动画,项控件,这些都是一样的。Consumer Preview还加入神器Blend,极大简化XAML的编辑难度。

 

Async

Async是新版C#的新功能,为了提高用户体验,不让用户有等待的感觉(其实还是需要等待的)WinRT所有的api都变成Async了。如果对于Windows 8 Metro app的开发来说,Async是不得不学习的功能。其实就两个关键字async和await,学习曲线非常低。Async的引入是为了简化异步编程的开发模式,把Callback编程的复杂度减低,让开发者按照顺序的思维来开发程序,编译器把async和await两个关键字封装成相应的Task,然后通过线程池来自动管理异步调用。对于开发者来说是减轻任务。

部署程序

如果要把Metro部署到Windows  8设备上,不需要解锁的,首先需要在Windows 8的设备安装Remote Debugger。然后启动Remote Debugger,把它设置为“不需要用户验证”。在开发机上点击“Remote Machine”, 选择Windows 8设备的IP就可以部署了。不像其他手机或者iPad的开发,只需要网络启动就可以了,不需要USB链接。

 

小结

以上都是一些碎碎念,也算是这两周开发的一些想法,由于Consumer Preview的SDK还是不完善,开发中会遇到一些bug,由于没有文档,有时候只能靠自己反编译一下等手段来解决。但是我觉得随着版本的升级会慢慢改正,对于这方面我还是对微软怀有信心的,毕竟不像Android那样更新快,但breaking api一大堆。本来还想讲述UX方面的,这也是Windows 8 Metro开发的大头,但是构思了一下挺多内容(UI,手势,用户习惯,与Android,iOS和WP7的区别,与传统桌面程序的区别等等),放到下一篇文章《Windows 8 Metro app UX初体验》。

如果觉得文章OK,请转到微薄上,也可以通过微博 @林永坚Jake 与我互喷。现在玩Windows 8的筒子不多,如果您也开始做Windows 8,互粉一下,多交流交流,切磋切磋。



    本文转自Jake Lin博客园博客,原文链接:http://www.cnblogs.com/procoder/archive/2012/03/27/Windows-8-First-Try.html,如需转载请自行联系原作者


相关文章
|
3月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
831 7
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
850 1
|
14天前
|
开发框架 小程序 前端开发
圈子社交app前端+后端源码,uniapp社交兴趣圈子开发,框架php圈子小程序安装搭建
本文介绍了圈子社交APP的源码获取、分析与定制,PHP实现的圈子框架设计及代码编写,以及圈子小程序的安装搭建。涵盖环境配置、数据库设计、前后端开发与接口对接等内容,确保平台的安全性、性能和功能完整性。通过详细指导,帮助开发者快速搭建稳定可靠的圈子社交平台。
122 18
|
10天前
|
JSON 供应链 搜索推荐
淘宝APP分类API接口:开发、运用与收益全解析
淘宝APP作为国内领先的购物平台,拥有丰富的商品资源和庞大的用户群体。分类API接口是实现商品分类管理、查询及个性化推荐的关键工具。通过开发和使用该接口,商家可以构建分类树、进行商品查询与搜索、提供个性化推荐,从而提高销售额、增加商品曝光、提升用户体验并降低运营成本。此外,它还能帮助拓展业务范围,满足用户的多样化需求,推动电商业务的发展和创新。
31 5
|
10天前
|
移动开发 安全 搜索推荐
圈子社交系统APP,同城本地圈子论坛开发,让身边的人沟通更加紧密
圈子社交系统APP是一款基于社交网络的移动应用,用户可创建、加入和管理兴趣圈子。主要功能包括:动态分享与交流、实时聊天、会员体系与身份认证、活动策划等。该APP注重个性化定制、社交关系深化、隐私安全及跨平台互联,提供丰富的社交体验。
|
13天前
鸿蒙语言开发 几十套鸿蒙ArkTs app毕业设计及课程作业
鸿蒙语言开发 几十套鸿蒙ArkTs app毕业设计及课程作业
19 1
|
21天前
|
JSON 缓存 前端开发
HarmonyOS NEXT 5.0鸿蒙开发一套影院APP(附带源码)
本项目基于HarmonyOS NEXT 5.0开发了一款影院应用程序,主要实现了电影和影院信息的展示功能。应用包括首页、电影列表、影院列表等模块。首页包含轮播图与正在热映及即将上映的电影切换显示;电影列表模块通过API获取电影数据并以网格形式展示,用户可以查看电影详情;影院列表则允许用户选择城市后查看对应影院信息,并支持城市选择弹窗。此外,项目中还集成了Axios用于网络请求,并进行了二次封装以简化接口调用流程,同时添加了请求和响应拦截器来处理通用逻辑。整体代码结构清晰,使用了组件化开发方式,便于维护和扩展。 该简介概括了提供的内容,但请注意实际开发中还需考虑UI优化、性能提升等方面的工作。
80 11
|
19天前
|
前端开发 数据库 UED
uniapp开发,前后端分离的陪玩系统优势,陪玩app功能特点,线上聊天线下陪玩,只要4800
前后端分离的陪玩系统将前端(用户界面)和后端(服务器逻辑)分开开发,前者负责页面渲染与用户交互,后者处理数据并提供接口。该架构提高开发效率、优化用户体验、增强可扩展性和稳定性,降低维护成本,提升安全性。玩家可发布陪玩需求,陪玩人员发布服务信息,支持在线聊天、预约及线下陪玩功能,满足多样化需求。[演示链接](https://www.51duoke.cn/games/?id=7)
|
25天前
|
供应链 搜索推荐 API
1688APP原数据API接口的开发、应用与收益(一篇文章全明白)
1688作为全球知名的B2B电商平台,通过开放的原数据API接口,为开发者提供了丰富的数据资源,涵盖商品信息、交易数据、店铺信息、物流信息和用户信息等。本文将深入探讨1688 APP原数据API接口的开发、应用及其带来的商业收益,包括提升流量、优化库存管理、增强用户体验等方面。
127 6
|
26天前
|
机器学习/深度学习 前端开发 算法
婚恋交友系统平台 相亲交友平台系统 婚恋交友系统APP 婚恋系统源码 婚恋交友平台开发流程 婚恋交友系统架构设计 婚恋交友系统前端/后端开发 婚恋交友系统匹配推荐算法优化
婚恋交友系统平台通过线上互动帮助单身男女找到合适伴侣,提供用户注册、个人资料填写、匹配推荐、实时聊天、社区互动等功能。开发流程包括需求分析、技术选型、系统架构设计、功能实现、测试优化和上线运维。匹配推荐算法优化是核心,通过用户行为数据分析和机器学习提高匹配准确性。
81 3