记录在做模仿一个APP巩固知识的时候,遇到关于TabLout+ViewPager无法显示标题问题,以及解决方法。
- 原本我的ViewPager+TabLayout是可以用的也没有出现标题不能显示问题,原本ViewPager+TabLayout在xml布局方式,这种布局方式是我根据Google官方文档布学习而来的。使用ViewPager包裹TabLayout,如下图
- 因为优化我界面要使用AppBarLayout+CoordinatorLayout+ViewPager+TabLayout,对xml中的TabLayout拿出来,不在包裹在ViewPager中,即如图:
- 注意:其中ViewPager与TabLayout在xml中的的顺序:ViewPager优先于TabLayout 更改后,却无法显示TabLayout的标题:
去百度后:ViewPager和TabLayout在联动后会清空TabLaout的标题,我按照其提供的解决方法:在二者联动后,即在tabLayout.setupWithViewPager(viewPager)
后面,手动设置标题tabLayout.getTabAt(0).setText("帮助1"); tabLayout.getTabAt(1).setText("帮助2"); tabLayout.getTabAt(2).setText("帮助3");
- 遗憾的是,依然无法显示标题。最后通过查看谷歌相关文档得知,在xml布局中,二者在xml中的时候存在一个先后顺序问题,即TabLayout要在ViewPager的前面,我把二者顺更改了一下标题就显示出来了。