首页 >公司新闻

app开发中的视图切换

发布时间:2013-09-16     发布者:本地    

如果有做过原生应用的开发的话,肯定就知道视图切换透过视图控制器来解决。而且一般的Native的API都会提供一些原生的动画支持视图切换的过渡。而在PhoneGap的应用里面,其实有两种方案。一种是通过PhoneGap Plugin的形式,使用插件来管理你的视图。一种是通过Div切换的方式来进行视图切换。


第一种:使用Plugin的话,相当于使用了Native的控件来管理视图,那么写代码的时候只要JS代码和原生代码做好绑定,就可以方便地使用原生控件进行视图管理了。


第二种:使用Div切换的方式进行。一般这种的话可以通过一些简单的CSS动画进行过渡。具体这种动画如何过渡得好看。如果你使用框架的话倒是非常好解决的。常用的框架有jquery mobile,sencha,jqmobi等。如果你要自己实现的话,就使用css3的transition来解决,具体细节的话我觉得最好的学习例子就是jquery mobile了。其实原理就是将两个div容器放到一个容器里头,但是显示区域就只有一个容器的大小。然后过渡的时候使用css动画解决,用js做数据绑定以及渲染控制器。


上一篇:Sugar.js 与 Underscore.js 两者的特点 下一篇:css样式之inline-block元素

相关新闻