13919049954

app开发中的视图切换

作者:金城在线 日期:2018/2/8 10:42:51 人气:311

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


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


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


            金城在线专注网站、软件、APP、微信公众平台、小程序、抖音、头条等开发推广,如果您有这方面的需求或者不同的观点,欢迎联系交流。

    官方微信

    本文网址:http://www.lz.net.cn/SEOyouhua/726.html
    读完这篇文章后,您心情如何?
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    更多>>网友评论
    发表评论