一、概述

1.1 问题描述

TabLayout+ViewPager后,TabLayout的TabItem不显示的问题:

1.2 截图

二、结论

mTabs.setupWithViewPager(mViewPager); 语句的功能是:

  • 将 TabLayout、ViewPager 的监听事件同步
  • 对 TabLayout 的适配器进行重置
  • 对 TabLayout 的 TabItem 进行重置
  • 从 ViewPager 的 Adapter 中读取到每一页的标题,并为之创建 TabItem 添加到 TabLayout 中

解决方案是:

重写在 mViewPager 的 Adapter 中的如下方法,将每页的 Title 设置好:

  1. mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
  2. @Override
  3. public Fragment getItem(int position) {
  4. return mFragmentList.get(position);
  5. }
  6. @Override
  7. public int getCount() {
  8. return mFragmentList.size();
  9. }
  10. @Override
  11. public CharSequence getPageTitle(int position) {
  12. return mTitle[position];
  13. }
  14. });

三、问题探究

3.1 设置的代码

  1. mFragmentList.add(longFragment);
  2. mFragmentList.add(shortFragment);
  3. mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
  4. @Override
  5. public Fragment getItem(int position) {
  6. return mFragmentList.get(position);
  7. }
  8. @Override
  9. public int getCount() {
  10. return mFragmentList.size();
  11. }
  12. });
  13. mTabs.setupWithViewPager(mViewPager);

上面是非常常见的一段代码,主要逻辑是,将承载两个Fragment的ViewPager与TabLayout同步起来。

其中,核心语句是:

  1. mTabs.setupWithViewPager(mViewPager);

3.2 查看 TabLayout 的相关源码

进入源码查看到:

  1. public void setupWithViewPager(@Nullable final ViewPager viewPager) {
  2. if (mViewPager != null && mPageChangeListener != null) {
  3. // If we've already been setup with a ViewPager, remove us from it
  4. mViewPager.removeOnPageChangeListener(mPageChangeListener);
  5. }
  6. if (viewPager != null) {
  7. final PagerAdapter adapter = viewPager.getAdapter();
  8. if (adapter == null) {
  9. throw new IllegalArgumentException("ViewPager does not have a PagerAdapter set");
  10. }
  11. mViewPager = viewPager;
  12. // Add our custom OnPageChangeListener to the ViewPager
  13. if (mPageChangeListener == null) {
  14. mPageChangeListener = new TabLayoutOnPageChangeListener(this);
  15. }
  16. mPageChangeListener.reset();
  17. viewPager.addOnPageChangeListener(mPageChangeListener);
  18. // Now we'll add a tab selected listener to set ViewPager's current item
  19. setOnTabSelectedListener(new ViewPagerOnTabSelectedListener(viewPager));
  20. // Now we'll populate ourselves from the pager adapter
  21. setPagerAdapter(adapter, true);
  22. } else {
  23. // We've been given a null ViewPager so we need to clear out the internal state,
  24. // listeners and observers
  25. mViewPager = null;
  26. setOnTabSelectedListener(null);
  27. setPagerAdapter(null, true);
  28. }
  29. }

也比较明了,无非是先做一系列的判断,然后修改 TabLayout与ViewPager的各种监听事件。

进入 setPagerAdapter 查看到如下方法:

  1. private void setPagerAdapter(@Nullable final PagerAdapter adapter, final boolean addObserver) {
  2. if (mPagerAdapter != null && mPagerAdapterObserver != null) {
  3. // If we already have a PagerAdapter, unregister our observer
  4. mPagerAdapter.unregisterDataSetObserver(mPagerAdapterObserver);
  5. }
  6. mPagerAdapter = adapter;
  7. if (addObserver && adapter != null) {
  8. // Register our observer on the new adapter
  9. if (mPagerAdapterObserver == null) {
  10. mPagerAdapterObserver = new PagerAdapterObserver();
  11. }
  12. adapter.registerDataSetObserver(mPagerAdapterObserver);
  13. }
  14. // Finally make sure we reflect the new adapter
  15. populateFromPagerAdapter();
  16. }

该方法的主要功能是设置TabLayout的适配器,populateFromPagerAdapter();方法引人注目。

  1. private void populateFromPagerAdapter() {
  2. removeAllTabs();
  3. if (mPagerAdapter != null) {
  4. final int adapterCount = mPagerAdapter.getCount();
  5. for (int i = 0; i < adapterCount; i++) {
  6. // 从 PagerAdapter 中获取到标题,并新建 Tab 加入到空的 TabLayout 中
  7. addTab(newTab().setText(mPagerAdapter.getPageTitle(i)), false);
  8. }
  9. // Make sure we reflect the currently set ViewPager item
  10. if (mViewPager != null && adapterCount > 0) {
  11. final int curItem = mViewPager.getCurrentItem();
  12. if (curItem != getSelectedTabPosition() && curItem < getTabCount()) {
  13. selectTab(getTabAt(curItem));
  14. }
  15. }
  16. } else {
  17. removeAllTabs();
  18. }
  19. }

该方法中removeAllTabs();将所有的Tabs移除了,找到问题的关键!

同时,addTab(newTab().setText(mPagerAdapter.getPageTitle(i)), false);给了我们答案。

3.4 跳转到 PagerAdapter 的源码

再仔细看看 getPageTitle 这个方法:

  1. public CharSequence getPageTitle(int position) {
  2. return null;
  3. }

所以,知道为什么为空了吧!

3.4 结论

综上,mTabs.setupWithViewPager(mViewPager);语句的功能是:

  • 将 TabLayout、ViewPager 的监听事件同步
  • 对 TabLayout 的适配器进行重置
  • 对 TabLayout 的 TabItem 进行重置
  • 从 ViewPager 的 Adapter 中读取到每一页的标题,并为之创建 TabItem 添加到 TabLayout 中

3.5 解决方案

重写 getPageTitle 方法:

  1. mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
  2. @Override
  3. public Fragment getItem(int position) {
  4. return mFragmentList.get(position);
  5. }
  6. @Override
  7. public int getCount() {
  8. return mFragmentList.size();
  9. }
  10. @Override
  11. public CharSequence getPageTitle(int position) {
  12. return mTitle[position];
  13. }
  14. });

此文在我的 Github Pages 上同步发布,地址为:TabLayout与ViewPager同步后Tab的标题不显示

TabLayout与ViewPager同步后Tab的标题不显示的更多相关文章

  1. TabLayout+Fragment+ViewPager+FragmentStatePagerAdapter实现Tab标签

    首先来看下实现的效果吧: 最近在项目中实现这个效果的时候.尽管自己磕磕绊绊的实现了,可是知识确实模模糊糊的,今天天气异常的冷,在加上这个知识不太熟练,实在是没有心情进行接下来的计划,干脆借着这个时间, ...

  2. TabLayout:另一种Tab的实现方式

    http://blog.csdn.NET/aigestudio/article/details/47155769 在5.0以前我们想要实现像网易新闻客户端那样的的Tab可以有很多种选择: 比如古老的T ...

  3. TabLayout和ViewPager

    这里就说下tablayout+viewpager的实现方式:tablayout是android5.0推出来的一个MaterialDesign风格的控件,是专门用来实现tab栏效果的:功能强大,使用方便 ...

  4. TabLayout和ViewPager简单实现页卡的滑动

    首先需要在当前的module中的build Gradle的 dependencies中加入以下句子 compile 'com.android.support:design:23.0.1' 因为我们用到 ...

  5. TabLayout和ViewPager联动时的问题及解决方案

    问题概述 TabLayout搭配ViewPager关联使用时,在未调用TabLayout的setupWithViewPager(mViewPager)方法之前,ViewPager的内容和TabLayo ...

  6. Android两种为ViewPager+Fragment添加Tab的方式

    在Android开发中ViewPager的使用是非常广泛的,而它不仅仅能够实现简单的开始引导页,还可以结合Fragment并添加Tab作为选项卡或为显示大批量页面实现强大的顺畅滑动 下面介绍两种为Vi ...

  7. 关于TabLayout与ViewPager在Fragment中嵌套Fragment使用或配合使用的思考

    注意: 因为继承的是Fragment,所以getSupportFragmentManager()与getFragmentManager()方法无法使用,这里需要用到getChildFragmentMa ...

  8. Android 使用TabLayout、ViewPager和Fragment实现顶部菜单可滑动切换

    效果图如下 首先,要使用控件需要添加design library,在Android Studio中添加 compile 'com.android.support:design:23.4.0' 然后是布 ...

  9. 巧力避免ViewPager的预加载数据,Tablayout+Fragment+viewPager

    问题描述 最近在进行一个项目的开发,其中使用到了Tablayout+Fragment+viewPager来搭建一个基本的框架,从而出现了设置数据适配器的时候,item的位置错乱问题.我打印log日志的 ...

随机推荐

  1. gradlew assembleRelease打包之前的配置

    http://blog.csdn.net/qq_15527709/article/details/70146061

  2. 一次清除SQL SERVER错误日志的体会!

    之前在UAT环境搭建的SQL SERVER 2008 R2数据库一直用得比较正常,但最近发现在Sharepoint中不能进行任何操作了,开始以为是什么配置出了问题(因为一直在研究一些新的应用和集成,需 ...

  3. JQuery------制作div模态框

    转载: http://blog.csdn.net/li_xiao_ming/article/details/6738922 如图: 代码: html(使用opacity的话content无法变为不透明 ...

  4. iOS开发之--字典快速赋值

    以往在学习解析数据的时候,我们用的方法都是一个一个生命,然后加到字典里面,然后进行复制,那样的麻烦,而且也不能保证一次成功,不出错,我是遇到过多次key值的问题! 其实可以把复制的过程替换成一句话: ...

  5. iOS开发经验总结(一)

    本文转载至 :http://dreamahui.iteye.com/blog/1878650 软件开发方面 1.  在每个页面的入口和出口(一般是viewDidLoad和dealloc)打上日志,可以 ...

  6. HYSBZ 1036(树的统计Count)

    题目链接:传送门 题目大意:中文题,略 题目思路:树链剖分裸题. 闲谈:树链越练越熟练了 #include <iostream> #include <cstdio> #incl ...

  7. 【BZOJ2622】[2012国家集训队测试]深入虎穴 次短路

    [BZOJ2622][2012国家集训队测试]深入虎穴 Description 虎是中国传统文化中一个独特的意象.我们既会把老虎的形象用到喜庆的节日装饰画上,也可能把它视作一种邪恶的可怕的动物,例如“ ...

  8. 【BZOJ5073】[Lydsy十月月赛]小A的咒语 DP(错解)

    [BZOJ5073][Lydsy十月月赛]小A的咒语 题解:沙茶DP,完全不用后缀数组. 用f[i][j]表示用了A的前i个字符,用了j段,最远能匹配到哪.因为显然我们能匹配到的地方越远越好,所以我们 ...

  9. [Java][Tomcat]在eclipse中运行tomcat报的一个错误

    2008-11-9 16:27:59 org.apache.tomcat.util.digester.SetPropertiesRule begin警告: [SetPropertiesRule]{Se ...

  10. Linux Centos 开启防火墙 FirewallD is not running

    转载自:http://www.z4zr.com/page/1006.html CentOS7用firewall命令“替代”了iptables.在这里我们需要区分“iptables服务”和“iptabl ...