1

onsen uiで以下の機能を実装したいと考えています。

タブ切り替え時のアニメーションにons-navigatorの画面遷移時に設定できる"slide"のようなアニメーションでタブを切り替えたいと考えているのですが、ons-tabbarのオプションには"slide"が設定できないので他の方法で実装したいのですが、実装方法がわかりません。

上記実装をonsen uiでどのようにすればよろしいのでしょうか?
ご存知の方がいらっしゃいましたら、ご教授のほどよろしくお願いします。

1 件の回答 1

1

replacePageで画面遷移する際のアニメーションの方向を変えたい

と同様のやり方でカスタマイズすることができます。
既存のfade(TabbarFadeAnimator)Onsen UI Ver.1.3.17onsenui.js 13580行にありますので、それらやons-tabbarの動作を解析し、スライド処理を実装してください。

var app = ons.bootstrap("myApp", ["onsen"]);
app.factory("TabbarSlideAnimator", ["TabbarAnimator", function(TabbarAnimator) {
    var TabbarSlideAnimator = TabbarAnimator.extend({
        // スライド処理
        //
        //
    });
    return TabbarSlideAnimator;
  }]);
app.run(function(TabbarView, TabbarSlideAnimator) {
    // slideを追加
    TabbarView.registerAnimator("slide", new TabbarSlideAnimator());
});

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。