TabLayout使用setupWithViewPager()方法绑定Viewpager后不显示文字

TabLayout使用setupWithViewPager()方法绑定Viewpager后不显示文字

使用TabLayout结合ViewPager的时候,一般都会用到setupWithViewPager()这个方法让他俩联动起来,但是如果不注意,这儿有一个需要注意的坑。。。

mTabLayout.setupWithViewPager(mViewPager);

源码:

        final PagerAdapter adapter = viewPager.getAdapter();
        if (adapter != null) {
            // Now we'll populate ourselves from the pager adapter, adding an observer if
            // autoRefresh is enabled
            setPagerAdapter(adapter, autoRefresh);
        }

没啥问题,继续跟一下setPagerAdapter(adapter, autoRefresh);这个方法

源码如下:

    void setPagerAdapter(@Nullable final PagerAdapter adapter, final boolean addObserver) {
    if (mPagerAdapter != null && mPagerAdapterObserver != null) {
        // If we already have a PagerAdapter, unregister our observer
        mPagerAdapter.unregisterDataSetObserver(mPagerAdapterObserver);
    }

    mPagerAdapter = adapter;

    if (addObserver && adapter != null) {
        // Register our observer on the new adapter
        if (mPagerAdapterObserver == null) {
            mPagerAdapterObserver = new PagerAdapterObserver();
        }
        adapter.registerDataSetObserver(mPagerAdapterObserver);
    }

    // Finally make sure we reflect the new adapter
    populateFromPagerAdapter();
}

也没啥问题啊。。。。看见最后有这个方法populateFromPagerAdapter();,好奇点进去看看~

源码:

    void populateFromPagerAdapter() {
    removeAllTabs();

    if (mPagerAdapter != null) {
        final int adapterCount = mPagerAdapter.getCount();
        for (int i = 0; i < adapterCount; i++) {
            addTab(newTab().setText(mPagerAdapter.getPageTitle(i)), false);
        }

        // Make sure we reflect the currently set ViewPager item
        if (mViewPager != null && adapterCount > 0) {
            final int curItem = mViewPager.getCurrentItem();
            if (curItem != getSelectedTabPosition() && curItem < getTabCount()) {
                selectTab(getTabAt(curItem));
            }
        }

removeAllTabs(); FUCK……..

什么鬼。。。未经允许,将我添加的Tab都干掉了????

嗯,现在明白了吧。。。是系统给你删除了,,so解决办法就是
一:

@Override
public CharSequence getPageTitle(int position) {
    return titles.get(position);
}

适配器里边重写他。。。

二:
setupWithViewPager()方法之后,重新赋值文本。。。。
tablayout_vp.getTabAt(0).setText(“”);

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,你想问关于顶部导航栏TabLayout和ViewPager的内容。这两个组件通常一起使用,可以实现轻松的页面切换和导航功能。 TabLayout是一个选项卡布局,用于显示多个页面的标题,并且可以通过点击选项卡来切换页面。ViewPager是一个可滑动的布局容器,可以容纳多个子视图,并且可以通过滑动来切换子视图。 在Android中,我们可以通过将TabLayout和ViewPager结合起来使用,来实现多页面的导航和切换。具体的实现方式可以参考以下步骤: 1. 在布局文件中添加TabLayout和ViewPager组件,并将它们进行关联: ``` <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在Activity或Fragment中,创建PagerAdapter适配器,并将其设置给ViewPager: ``` public class MyPagerAdapter extends FragmentPagerAdapter { private final List<Fragment> mFragments = new ArrayList<>(); private final List<String> mFragmentTitles = new ArrayList<>(); public MyPagerAdapter(FragmentManager fm) { super(fm); } public void addFragment(Fragment fragment, String title) { mFragments.add(fragment); mFragmentTitles.add(title); } @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return mFragments.size(); } @Override public CharSequence getPageTitle(int position) { return mFragmentTitles.get(position); } } ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager()); adapter.addFragment(new Fragment1(), "Tab 1"); adapter.addFragment(new Fragment2(), "Tab 2"); adapter.addFragment(new Fragment3(), "Tab 3"); viewPager.setAdapter(adapter); ``` 3. 将TabLayout和ViewPager进行绑定,并设置TabLayout的显示模式: ``` TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs); tabLayout.setupWithViewPager(viewPager); tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); ``` 通过以上步骤,我们就可以实现一个带有顶部导航栏TabLayout和可滑动页面切换功能的布局。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值