我已经添加了几个ng视图动画(有角度的1.1.5)到一个手机应用程序。在浏览器中使用纹波测试时,并且将手机浏览器(在这种情况下为android chrome)指向应用程序时,它们在浏览器中工作得很好,但是当安装了phonegap时,动画就不会运行。我不知道问题是与电话空隙或有角度的。起初我以为这只是动画太快,所以我把它放慢了1.5秒,但是这个应用没有改变。
这是一个电话差距问题,一个有角度的问题和/或我们如何使用这些?
CSS定义动画:
.view-enter,.view-leave { -webkit-transition:all cubic-bezier(0.250,0.460,0.450,0.940) 1.5s; -moz-transition:all cubic-bezier(0.250,0.940) 1.5s; -o-transition:all cubic-bezier(0.250,0.940) 1.5s; transition:all cubic-bezier(0.250,0.940) 1.5s; } .view-enter { opacity:0; } .view-enter.view-enter-active { opacity:1; } .view-leave { opacity:1; } .view-leave.view-leave-active { left:-100px; opacity:0; }
再次,这些工作在手机的浏览器中很好,只是当它在phonegap应用程序中时。使用Adobe构建应用程序。我也正在抓取CSS并显示在页面上,以确认实际的css文件包含在phonegap构建(它是)。
每一个用户的评论,这里是HTML。其余的由角度的默认动画处理。它们在浏览器中运行时工作正常,但在电话空间内运行时则不工作。路由工作,ng视图被更改,但动画永远不会发生。
<div class="container-fluid" id="viewer" ng-view ng-animate="{enter: 'view-enter',leave: 'view-leave'}" > </div>
在Nexus 4上测试。