《现代教育技术》Win8版发布 && 项目总结

Win8处女作《现代教育技术》发布快一周了,小小总结下。

项目总共三个平台,iPad、Web、Win8,独立完成了iPad版及Win8版,也算完整了,=.=。

iPad版:

是一个native+html的项目,主要解决的技术点是WebView的Page Scroll的效果,以及OC与JS的交互,如OC怎么监听JS事件。

具体可参考我的博文:iOS:UIWebView scrollView 的分页滑动问题   

iOS: 在Object-C中监听javascript事件( Javascript communicating back with Objective-C code)

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.

获取屏幕可用宽高:

《现代教育技术》Win8版发布 && 项目总结

在listview template中设定:

《现代教育技术》Win8版发布 && 项目总结

剩下的更多的是界面排布的问题,这个得用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版发布 && 项目总结

 

《现代教育技术》Win8版发布 && 项目总结

 

《现代教育技术》Win8版发布 && 项目总结

 

Win8: 下载地址:http://apps.microsoft.com/windows/zh-CN/app/6731b692-b272-4784-9f91-a78b457685eb

《现代教育技术》Win8版发布 && 项目总结

《现代教育技术》Win8版发布 && 项目总结

《现代教育技术》Win8版发布 && 项目总结

《现代教育技术》Win8版发布 && 项目总结

《现代教育技术》Win8版发布 && 项目总结

《现代教育技术》Win8版发布 && 项目总结

 

《现代教育技术》Win8版发布 && 项目总结

《现代教育技术》Win8版发布 && 项目总结

 本文转自老Zhan博客园博客,原文链接:http://www.cnblogs.com/mybkn/archive/2013/05/13/3074961.html,如需转载请自行联系原作者


上一篇:首发 | 每秒54.4万笔!双11全球最猛交易洪峰背后的数据库硬核科技


下一篇:关于在部署KMS过程中的一些问题和总结(windows 7)