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

在我來說，我通過更換解決了這個，

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 2

試試這個
這個添加到viewpager。

app:layout_behavior="@string/appbar_scrolling_view_behavior" 

也請於母公司的協調佈局則只有滾動做工精細

參考這裏：http://coderzpassion.com/working-appbarlayout-like-whatsapp/

Answer 3

短版的溶液（納文·庫馬爾·M）：

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

Answer 4

櫃面如果你正在使用tabLayout內片段試試這個答案

可能的錯誤

你需要傳遞getChildFragmentManager（ ）到FragmentPagerAdapter

不是getSupportFragmentManager（）或getFragme ntManager（）

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

ViewPagerAdapter是FragmentPagerAdapter

public class ViewPagerAdapter extends FragmentPagerAdapter { 

}