ручки Вкладка TabLayout нажмите

Question

У меня есть фрагмент с TabLayout и ViewPager в нем:

<FrameLayout 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" 
tools:context="layout.LinksFragment"> 

<android.support.design.widget.TabLayout 
    android:id="@+id/tab_layout_info" 
    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_info" 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

</FrameLayout> 

В моем файле фрагмента, метод внутри onCreateView(), я создал как ViewPager и TabLayout:

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

    TabLayout tabLayout = (TabLayout) view.findViewById(R.id.tab_layout_info); 
    tabLayout.addTab(tabLayout.newTab()); 
    tabLayout.addTab(tabLayout.newTab()); 
    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); 


    ViewPager viewPager = (ViewPager) view.findViewById(R.id.pager_info); 
    PagerAdapterLinks adapter = new PagerAdapterLinks(getActivity().getSupportFragmentManager(), tabLayout.getTabCount()); 
    viewPager.setAdapter(adapter); 
    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout)); 

    tabLayout.setupWithViewPager(viewPager); 


    return view; 
} 

На андроиде 5 и выше все работает отлично, и я могу менять вкладки с помощью салфетки или щелкая по имени вкладки. Однако, в нижней версии Android, нажатие на вкладках ничего не делает, и единственный способ изменить страницы в ViewPager - это прокрутка. Как я могу заставить TabLayout работать на Android, включая 4.1 и 4.4?

Спасибо за помощь!

Answer 1

Просто добавьте android.support.design.widget.TabLayout, который будет использоваться для отображения различных параметров вкладки. Компонент android.support.v4.view.ViewPager будет использоваться для создания страницы между различными фрагментами, которые мы создадим.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <android.support.design.widget.TabLayout 
     android:id="@+id/sliding_tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabMode="scrollable" /> 

    <android.support.v4.view.ViewPager 
     android:id="@+id/viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="0px" 
     android:layout_weight="1" 
     android:background="@android:color/white" /> 

Теперь, когда мы имеем ViewPager и наши вкладки в нашем макете, мы должны начать определять содержание каждой из вкладок. Поскольку каждая вкладка представляет собой только фрагмент, который отображается, нам необходимо создать и определить фрагмент, который будет показан. В зависимости от ваших требований в вашем приложении может быть один или несколько фрагментов.

В Рез/макет/fragment_page.xml определить расположение XML для фрагмента, который будет отображаться на экране при выборе конкретной вкладки:

<?xml version="1.0" encoding="utf-8"?> 
<TextView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="center" /> 

В PageFragment.java определяют логику инфляции для фрагмента язычка содержание:

// In this case, the fragment displays simple text based on the page 
public class PageFragment extends Fragment { 
    public static final String ARG_PAGE = "ARG_PAGE"; 

    private int mPage; 

    public static PageFragment newInstance(int page) { 
     Bundle args = new Bundle(); 
     args.putInt(ARG_PAGE, page); 
     PageFragment fragment = new PageFragment(); 
     fragment.setArguments(args); 
     return fragment; 
    } 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     mPage = getArguments().getInt(ARG_PAGE); 
    } 

    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, 
          Bundle savedInstanceState) { 
     View view = inflater.inflate(R.layout.fragment_page, container, false); 
     TextView textView = (TextView) view; 
     textView.setText("Fragment #" + mPage); 
     return view; 
    } 
} 

следующая вещь, которую нужно сделать, это реализовать адаптер для ViewPager, который регулирует порядок вкладок, названий и связанных с ними данных. Наиболее важные методы для реализации здесь: getPageTitle(int position), который используется для получения заголовка для каждой вкладки и getItem (int position), который определяет фрагмент для каждой вкладки.

public class SampleFragmentPagerAdapter extends FragmentPagerAdapter { 
    final int PAGE_COUNT = 3; 
    private String tabTitles[] = new String[] { "Tab1", "Tab2", "Tab3" }; 
    private Context context; 

    public SampleFragmentPagerAdapter(FragmentManager fm, Context context) { 
     super(fm); 
     this.context = context; 
    } 

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

    @Override 
    public Fragment getItem(int position) { 
     return PageFragment.newInstance(position + 1); 
    } 

    @Override 
    public CharSequence getPageTitle(int position) { 
     // Generate title based on item position 
     return tabTitles[position]; 
    } 
} 

Наконец, мы должны приложить наши ViewPager к SampleFragmentPagerAdapter, а затем настроить раздвижные вкладки с два этапа:

В onCreate() методе вашей деятельности, найти ViewPager и подключите адаптер. Установите ViewPager на TabLayout, чтобы подключить пейджер с вкладками.

public class MainActivity extends AppCompatActivity { 

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

     // Get the ViewPager and set it's PagerAdapter so that it can display items 
     ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); 
     viewPager.setAdapter(new SampleFragmentPagerAdapter(getSupportFragmentManager(), 
      MainActivity.this)); 

     // Give the TabLayout the ViewPager 
     TabLayout tabLayout = (TabLayout) findViewById(R.id.sliding_tabs); 
     tabLayout.setupWithViewPager(viewPager); 
    } 

} 

Источник: https://guides.codepath.com/android/google-play-style-tabs-using-tablayout