androidstudioでTablayoutに関する質問です。

Question

ViewPagerと連動したTabLayoutのタブ毎のタブの色を変更したいのですがうまくいきません

ViewPagerと連動したTabLayoutのタブ毎のタブの色を変更したいと思っています。
mViewpager = (ViewPager) findViewById(R.id.pager);
android.support.v4.app.FragmentManager manager = getSupportFragmentManager();
ExampleFragmentPagerAdapter adapter = new ExampleFragmentPagerAdapter(manager);
mViewpager.setAdapter(adapter);

tabLayout = (TabLayout) findViewById(R.id.main_tab);
tabLayout.addTab(tabLayout.newTab().setText("タブ1").setCustomView(R.layout.tab1));
tabLayout.addTab(tabLayout.newTab().setText("タブ2").setCustomView(R.layout.tab2));

tabLayout.setupWithViewPager(mViewpager);

最後のsetupWithViewPagerで連動させるとタブのR.layout.tabで用意してるxmlが表示されなくなります。
tabLayout.setupWithViewPager(mViewpager);を付けずに動かすとViewPagerとTabLayoutの表示も動作も問題なく動きますが当然ながら連動しません。

タブの表示を維持したままViewPagerと連動する方法をご教示お願い致します。
作成したいイメージとしてスマートニュースのようなタブです。

Answer 1

こんにちは。
もしかしたらもう自己解決されているかもしれませんが、回答がつかなかったようでしたので。
本件、こちらの記事がよくまとまっていて、ご参考になるかと思います。
Android Studio2.0: TabLayoutを使ってみよう

ただし、こちらのページの内容は以下のコードは使わないかたちです。

tabLayout.addTab(tabLayout.newTab().setText("タブ1").setCustomView(R.layout.tab1));

tabLayout.addTab(tabLayout.newTab().setText("タブ2").setCustomView(R.layout.tab2));

ViewPagerで選択された時にレイアウトと結びつけたページを表示する為に、ページ用のFragmentをonCreate, onCreateViewでハンドリングしなければなりません。どちらかと言うとこの方法の方がサンプルとしても良く見るかたちな気がしています。

Comments

[ayako789123]

ご回答ありがとうございます。
ご参考に教えて頂きましたサイトを参照に試してみましたがTabLayoutのTabItemに対しての変更のやり方が分かりませんでした。現在TabItemをxmlやstyleで試していますがうまくいっていません。まだ素人で詳しく分かっておらず申し訳ございません・・大変お手数ですがご教示いただけますと幸いです。

[dodox86]

さすがにここで一から教えるのは難しいかと。。。様々なブログで横断的に説明されている内容には質がおよばないと思います。Androidのソフトの開発経験が少ないと難しいとは思いますが、「ViewPagerとTabLayoutを使用してタブのある画面を作る。」などで検索すると該当の情報がたくさん出ますので、簡単なサンプルで試して内容を理解してみてください。

[ayako789123]

ご回答ありがとうございます。
tabLayout.setupWithViewPager(mViewpager)ではなく
参考にさせて頂いたサイトをヒントに mViewpager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));で解決できました。
ありがとうございました。

[dodox86]

早速のコメントありがとうございます。よかったです。