如何在使用android手机时将onsen ui中的动画更改为ios？

-1

我正尝试编辑和更改Onsen UI中的内部页面转换。我看过他们的文档，他们说检查在GitHub上的文件夹视图这里的动画文件：如何在使用android手机时将onsen ui中的动画更改为ios？

https://github.com/OnsenUI/OnsenUI/tree/master/framework/views

所以，我检查这些动画，但我看不出我应该编辑他们在温泉ui文件夹本身。我应该改变什么文件？

我想让android中的页面转换比现在更加微妙。

任何帮助，将不胜感激。

谢谢， Shaul。

来源

2014-10-07 Shaul Hadar

恐怕我不确定你想要实现什么。你改变过渡动画吗？这基本上很难，但可能。温泉UI附加动画css byJavaScript。请看onsen ui.js.温泉UI附加CSS如下：

Android的滑动动画（默认动画）

// Onsen UI 1.1.4 line 6993 
(function() { 
    'use strict;'; 

//Slide Animation for Android 
    module.factory('SimpleSlideTransitionAnimator', ['NavigatorTransitionAnimator', function(NavigatorTransitionAnimator) { 

    ... 

    timing: 'cubic-bezier(.1, .7, .4, 1)', 
    duration: 0.3, 
    blackMaskOpacity: 0.4, 

    .. 

     animit(enterPage.element[0]) 
     .queue({ 
      css: { 
      transform: 'translate3D(100%, 0, 0)', 
      }, 
      duration: 0 
     })

iOS的滑动动画（默认动画）

// Onsen UI 1.1.4 line 4562 
(function() { 
'use strict;'; 



module.factory('IOSSlideTransitionAnimator', ['NavigatorTransitionAnimator', 'PageView', function(NavigatorTransitionAnimator, PageView) {

因此，要改变过渡动画在这里编辑方式。上面的Onsen UI连接风格的原因比附加css类简单得多。我问温泉UI团队。

来源

2014-10-09 08:52:25 Ataru

Hi Ataru，谢谢你。我试图将“IOSSlideTransitionAnimator”添加到链接中，但它不起作用。我也尝试将代码从onsenui.js中的“IOSSlideTransitionAnimator”复制到simpletransitionanimator代码，但它不起作用......您有没有可能再向我解释这一点？感谢的人.. – 2014-10-10 05:27:10

我想改变所有的页面动画显示在Android应用程序的iOS样式。在ios风格中，导航器有一个淡入淡出的动画，它看起来很棒，我想把它放在android版本上...类似于framework7的默认动画... – 2014-10-10 05:29:36

如何在使用android手机时将onsen ui中的动画更改为ios？

回答

相关问题