質問: 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()); }); ```