TabLayout의 탭을 스 와이프 할 수 없습니다.

Question

탭을 클릭하여 변경할 수 있지만 스 와이프하면 아무 반응이 없습니다. 선택한 탭 아래에 색상 막대가 표시되지 않습니다.

여기 내 코드가 있습니다. 나는 대체로 this 자습서를 따라 갔지만, 이전에는 depreceated 되었기 때문에 을StoriesActivity로 변경했습니다.

StoriesActivity :

public class StoriesActivity extends AppCompatActivity implements TabLayout.OnTabSelectedListener { 

    //This is our tablayout 
    private TabLayout tabLayout; 

    //This is our viewPager 
    private ViewPager viewPager; 

    private Toolbar toolbar; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_stories); 

     /* +++ START Intent +++ */ 
     Bundle extras = getIntent().getExtras(); 

     final int authorID = extras.getInt("author_id"); 
     final String authorName = extras.getString("author_name"); 
     Log.i("click", Integer.toString(authorID)); 
     /* +++ END Intent +++ */ 

     toolbar = (Toolbar) findViewById(R.id.toolbar); 
     toolbar.setTitle(authorName); 
     setSupportActionBar(toolbar); 

     toolbar.setNavigationOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       finish(); 
      } 
     }); 

     //Initializing the tablayout 
     tabLayout = (TabLayout) findViewById(R.id.tab_layout); 

     //Adding the tabs using addTab() method 
     tabLayout.addTab(tabLayout.newTab().setText("Stories")); 
     tabLayout.addTab(tabLayout.newTab().setText("Collections")); 
     tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); 

     //Initializing viewPager 
     viewPager = (ViewPager) findViewById(R.id.pager); 

     //Creating our pager adapter 
     StoriesTabsAdapter adapter = new StoriesTabsAdapter(getSupportFragmentManager(), tabLayout.getTabCount()); 

     //Adding adapter to pager 
     viewPager.setAdapter(adapter); 
     viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout)); 

     //Adding onTabSelectedListener to swipe views 
     tabLayout.addOnTabSelectedListener(this); 

    } 

    @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) { 

    } 
} 

activity_stories.xml :

<RelativeLayout 
    android:id="@+id/main_layout" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context=".MainActivity"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:background="?attr/colorPrimary" 
     android:elevation="6dp" 
     android:minHeight="?attr/actionBarSize" 
     app:navigationIcon="?attr/homeAsUpIndicator" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 

    <android.support.design.widget.TabLayout 
     android:id="@+id/tab_layout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/toolbar" 
     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"/> 

    <ListView 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:id="@+id/stories_list_view" /> 

</RelativeLayout> 

StoriesTabsAdapter :

public class StoriesTabsAdapter extends FragmentPagerAdapter { 

    int mNumOfTabs; 

    public StoriesTabsAdapter(FragmentManager fm, int NumOfTabs) { 
     super(fm); 
     this.mNumOfTabs = NumOfTabs; 
    } 

    @Override 
    public Fragment getItem(int position) { 

     switch (position) { 
      case 0: 
       StoriesFragment tab1 = new StoriesFragment(); 
       return tab1; 
      case 1: 
       CollectionsFragment tab2 = new CollectionsFragment(); 
       return tab2; 
      default: 
       return null; 
     } 

    } 

    @Override 
    public int getCount() { 
     return mNumOfTabs; 
    } 

} 

StoriesFragment :

public class StoriesFragment extends Fragment { 

    public StoriesFragment() { 
     // Required empty public constructor 
    } 

    private ListView storiesListView; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
    } 

    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, 
          Bundle savedInstanceState) { 
     // Inflate the layout for this fragment 
     return inflater.inflate(R.layout.fragment_stories, container, false); 
    } 

} 

Answer 1

당신은 두 지점 아래에 따라야에게 똑바로 후 아래의 코드를 이동하려고, 등장합니다. 좋은 접근 방식

• 사용 FragmentStatePagerAdapter. 이 레이아웃과 함께 ViewPager를 사용하는 경우
• setupWithViewPager

, 당신은 setupWithViewPager (ViewPager가) 함께 두 가지를 연결하는 호출 할 수 있습니다. 이 레이아웃 은 PagerAdapter의 페이지 제목에서 자동으로 채워집니다.

들어 두 번째로

_tablayoutOBJ.setupWithViewPager(_viewpagerOBJ); // After addOnTabSelectedListener . 

, 데모 경우 당신은 Material Design working with Tabs를 방문 할 수 있습니다.

Answer 2

귀하의 TabLayout에 setupWithViewPager가 누락되었습니다. 없는 텍스트의 문제에 대해서

는

mTabLayout.setupWithViewPager(mViewPager) 

setupWithViewPager

 //Adding the tabs using addTab() method 
     tabLayout.addTab(tabLayout.newTab().setText("Stories")); 
     tabLayout.addTab(tabLayout.newTab().setText("Collections")); 
     tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);