android.support.design.widget.TabLayout ViewPager 无法正常工作

Question

android.support.design.widget.TabLayout ViewPager 无法正常工作如果我设置 tabLayout.setupWithViewPager(viewPager);然后 tablayout 视图不显示请查找附加的屏幕截图。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:fitsSystemWindows="false"
android:orientation="vertical"
tools:context=".home.HomeActivity"
tools:showIn="@layout/activity_home">

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/tab_layout"/>

片段代码：

TabLayout tabLayout = (TabLayout) view.findViewById(R.id.tab_layout);       tabLayout.addTab(tabLayout.newTab().setText(getActivity().getResources().getText(R.string.feeds)));        tabLayout.addTab(tabLayout.newTab().setText(getActivity().getResources().getText(R.string.following)));        tabLayout.addTab(tabLayout.newTab().setText(getActivity().getResources().getText(R.string.you)));
    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
    final ViewPager viewPager = (ViewPager) view.findViewById(R.id.pager);
    final PageAdapter adapter = new PageAdapter(getChildFragmentManager(), 3);
    viewPager.setOffscreenPageLimit(3);
    viewPager.setAdapter(adapter);
    tabLayout.setupWithViewPager(viewPager);

删除 "tabLayout.setupWithViewPager(viewPager);" 后，视图工作正常。但是我需要在点击相应的标签时导航相应的片段。

Answer 1

试试这个
将此添加到 viewpager。

app:layout_behavior="@string/appbar_scrolling_view_behavior"

同时保持父级作为协调器布局，然后只有滚动才能正常工作

参考这里：http://coderzpassion.com/working-appbarlayout-like-whatsapp/

Answer 2

在我的例子中，我通过替换解决了这个问题，

tabLayout.setupWithViewPager(viewPager);

通过，

viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(
                        tabLayout));
tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                viewPager.setCurrentItem(tab.getPosition());
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
});

希望对您有所帮助。

Answer 3

解决方案的简短版本 (Naveen Kumar M)：

viewPager.addOnPageChangeListener(
    new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
tabLayout.addOnTabSelectedListener(
    new TabLayout.ViewPagerOnTabSelectedListener(viewPager));

Answer 4

如果您在 fragment 中使用 tabLayout，请尝试这个答案

可能有误

您需要将 getChildFragmentManager() 传递给 FragmentPagerAdapter

不是 getSupportFragmentManager() 或 getFragmentManager()

//wrong one
ViewPagerAdapter adapter = new ViewPagerAdapter(getActivity().getSupportFragmentManager()); 
//correct one
ViewPagerAdapter adapter = new ViewPagerAdapter(getChildFragmentManager());

ViewPagerAdapter 是 FragmentPagerAdapter

public class ViewPagerAdapter extends FragmentPagerAdapter {

}

Answer 5

检查 getCount()。不要 RETURN 它为空！ RETURN 到空白片段。

package my.package;

import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;

public class tabPagers extends FragmentStatePagerAdapter {

    String[] titles = new String[]{"Home", "Campus", "Course"};

    public tabPagers(FragmentManager fm) {
        super(fm);
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return titles[position];
    }

    @Override
    public Fragment getItem(int position) {
        BlankFragment blankFragment = new BlankFragment();
        Blank2Fragment blank2Fragment = new Blank2Fragment();
        Blank3Fragment blank3Fragment = new Blank3Fragment();
        switch (position) {
            case 0:
                return blankFragment;
            case 1:
                return blank2Fragment;
            case 3:
                return blank3Fragment;

        }
        return  blankFragment; //This one is important
    }

    @Override
    public int getCount() {
        return titles.length; //This one is important too
    }
}

Answer 6

https://developer.android.com/reference/com/google/android/material/tabs/TabLayout#viewpager-integration

<androidx.viewpager.widget.ViewPager
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <com.google.android.material.tabs.TabLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_gravity="top" />

</androidx.viewpager.widget.ViewPager>

android.support.design.widget.TabLayout ViewPager 无法正常工作

android.support.design.widget.TabLayout not working properly with ViewPager

android

android-viewpager

android-tablayout