Win8处女作《现代教育技术》发布快一周了,小小总结下。
项目总共三个平台,iPad、Web、Win8,独立完成了iPad版及Win8版,也算完整了,=.=。
iPad版:
是一个native+html的项目,主要解决的技术点是WebView的Page Scroll的效果,以及OC与JS的交互,如OC怎么监听JS事件。
具体可参考我的博文:
Win8版:
Win8的开发我们使用的开发方式是HTML5+CSS3+WInjs。html+css主要作用于视图层,winjs实现于逻辑层。所以要找到类MVC模式还是有的。项目之后也对前端的一些技术有了解到了。
毕竟是刚出来的平台,在项目的细节处会体验到MS在一些api细节做得还不够完善,一些实现有时得绕着圈才能完成。
项目一个要解决的问题是适配多分辨率。现在win8在开发中适配问题介于iOS和Android之间,它没有iOS不必为多分辨率适配担忧,但也没有Android的种类繁多。但是解决的话还是能从Android中借鉴一些经验过来的,比如其中用得最多的就是利用百分比的方法去实现。
1、css中所有用到大小、长宽的都只能使用百分比去设定;
2、面对listview的时候,有时css的 设定item size不能满足效果,就需要在js动态做调整:e.g.
获取屏幕可用宽高:
在listview template中设定:
剩下的更多的是界面排布的问题,这个得用html css去做,前端的知识会有帮助。
项目发现用这种方式开发的话,没有webview的控件,webview在C#,xaml的开发方式中才有。这个很不方便,虽然html有iframe替代,但是我们很难去同IFrame的内容交互,这会导致直接不能同web端交互,不够灵活。
但是MS对开发Win8 modern App 提供2种方案,无疑是想吸引更多开发者,C# xaml的方案比较适用于Android或 ios开发者转移,winjs的方案更使用于web 开发者转移。如果你会web开发,上手win8开发其实会是十分容易的事。
最后贴下2个平台产品的图:
ipad:下载地址:https://itunes.apple.com/cn/app/xian-dai-jiao-yu-ji-shu/id595581360?mt=8
Win8: 下载地址:http://apps.microsoft.com/windows/zh-CN/app/6731b692-b272-4784-9f91-a78b457685eb