《现代教育技术》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.

获取屏幕可用宽高：

在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