onsen uiで以下の機能を実装したいと考えています。
タブ切り替え時のアニメーションにons-navigatorの画面遷移時に設定できる"slide"のようなアニメーションでタブを切り替えたいと考えているのですが、ons-tabbarのオプションには"slide"が設定できないので他の方法で実装したいのですが、実装方法がわかりません。
上記実装をonsen uiでどのようにすればよろしいのでしょうか?
ご存知の方がいらっしゃいましたら、ご教授のほどよろしくお願いします。
replacePageで画面遷移する際のアニメーションの方向を変えたい
と同様のやり方でカスタマイズすることができます。
既存のfade(TabbarFadeAnimator)
はOnsen UI Ver.1.3.17
のonsenui.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());
});