我们在浏览APP时,经常会在各个页面之间来回切换,根据自己的不同需求来使用APP中的不同功能。那么我们在做APP开发和网站建设开发时该怎么来处理这些切换呢?
如果有做过原生应用的开发的话,肯定就知道视图切换透过视图控制器来解决。而且一般的Native的API都会提供一些原生的动画支持视图切换的过渡。
而在PhoneGap的应用里面,其实有两种方案。一种是通过PhoneGap Plugin的形式,使用插件来管理你的视图。一种是通过Div切换的方式来进行视图切换。
第一种:使用Div切换的方式进行。一般这种的话可以通过一些简单的CSS动画进行过渡。具体这种动画如何过渡得好看。
第二种:使用Plugin的话,相当于使用了Native的控件来管理视图,那么写代码的时候只要JS代码和原生代码做好绑定,就可以方便地使用原生控件进行视图管理了。
如果你使用框架的话倒是非常好解决的。常用的框架有jquery mobile,sencha,jqmobi等。如果你要自己实现的话,就使用css3的transition来解决,具体细节的话我觉得最好的学习例子就是jquery mobile了。
其实原理就是将两个div容器放到一个容器里头,但是显示区域就只有一个容器的大小。然后过渡的时候使用css动画解决,用js做数据绑定以及渲染控制器。
通过这翻介绍,你对APP开发和网站建设中的各个页面的切换是否有了一定的了解呢
更多网站建设信息,请关注大腕互联官网:www.dawaner.net