服务与支持 |咨询热线 0931-8733767
  • 金城在线
  • 公司简介
  • 发展历程
  • 企业文化
  • 售后服务
  • 工作机会
  • 联系我们

app开发中的视图切换

来源:发布时间:2018-2-8 10:42:51

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


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


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


相关文章
  • 预约专家

    为您提供一对一解决方案
    立即预约
  • 售前咨询

    周一至周五9:00——17:30
    立即咨询
  • 联系方式

    13919049954

    全国7×24小时热线服务
  • 免费报价

    专属专业顾问1对1报价
    免费报价