如何在使用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？

回答

相關問題