app开发中的视图切换

假设有做过原生运用的开发的话,一定就知道视图切换透过视图控制器来处置。而且普通的Native的API都会提供一些原生的动画支持视图切换的过渡。而在PhoneGap的运用外面,其实有两种方案。一种是经过PhoneGap Plugin的方式,运用插件来管理你的视图。一种是经过Div切换的方式来停止视图切换。

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

第二种:运用Div切换的方式停止。普通这种的话可以经过一些复杂的CSS动画停止过渡。详细这种动画如何过渡得美观。假设你运用框架的话倒是十分益处置的。常用的框架有jquery mobile,sencha,jqmobi等。假设你要自己完成的话,就运用css3的transition来处置,详细细节的话我觉得最好的学习例子就是jquery mobile了。其实原理就是将两个div容器放到一个容器外头,但是显示区域就只要一个容器的大小。然后过渡的时分运用css动画处置,用js做数据绑定以及渲染控制器。

提供最优质的资源集合

立即查看 了解详情