1

googleのニュースアプリのように、TabLayoutのindicatorを画面の中央に固定するにはどうすれば良いでしょうか。デフォルトではindicatorがタブに合わせて動きますが、これを、indicatorは真ん中に固定されて、それに合わせてタブがスクロールするようにしたいです。

ggoleのニュースアプリ1
[ggoleのニュースアプリ2[1]

xmlの

   app:tabMode="scrollable"
   app:tabContentStart="72dp" 

でそれっぽいことはできるのですが、これだと、ViewPagerに合わせてタブが最後までスクロールされるとタブのスクロールが止まり、代わりにindicatorが動き出してしまいます。(すみません、文章で説明しづらいです)解決策はありますか?

1 件の回答 1

1

TabLayoutで実現するのは難しいように思います。

ライブラリの紹介になってしまいますが、こちらのライブラリのAlways In Centerを使えばご希望の動作を実現できそうです。
https://github.com/ogaclejapan/SmartTabLayout

SmartTabLayout

また、Google Newsstand風のレイアウトを利用したいのであればこちらのライブラリも便利です。
もちろんこちらもタブのcenter指定が可能です。
https://github.com/florent37/MaterialViewPager

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

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