Используйте вкладку с новой панелью инструментов (AppCompat v7-21)

хотя, вероятно, немного поздно, чтобы ответить на этот вопрос сейчас, я понял, что написал ответ на аналогичный вопрос который охватывает как использование библиотеки поддержки дизайна, так и до Google I / O.

я включил основные части ниже:

---

С помощью TabLayout С Toolbar стало намного проще с момента объявления Библиотека Поддержки Дизайна Android это означает, что нам больше не нужно загружать пользовательские класс представления.

С сообщение разработчиков Android Blogspot в библиотеке поддержки дизайна Android:

вкладки:

переключение между различными видами в вашем приложении через tabs - это не новая концепция материального дизайна, и они в равной степени дома как шаблон навигации верхнего уровня или для организации различных групп контента в вашем приложении (скажем, различные жанры музыка.)

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

TabLayout tabLayout = ...;
tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));

однако, если вы используете ViewPager для горизонтальной подкачки между вкладки, вы можете создавать вкладки непосредственно из вашего PagerAdapter ' s getPageTitle () а затем соединить их вместе с помощью setupWithViewPager(). Это гарантирует, что события выбора вкладки обновят ViewPager, а изменения страницы обновят выбранную вкладку.

---

если вы не используете библиотеку поддержки проектирования, вместо этого вам нужно будет сделать следующее:

1. скачать SlidingTabLayout.java и SlidingTabStrip.java файлы из приложения конференции ввода-вывода Google на GitHub. Это будут представления, которые будут использоваться в макете вкладки, поэтому я создал папку с другими моими действиями Java под названием "view" и разместил их там.

2. отредактируйте макет, чтобы включить SlidingTabLayout:

<LinearLayout
    android:orientation="vertical"
    ... >

    <!-- This is the Toolbar with the tabs underneath -->
    <LinearLayout
        android:orientation="vertical"
        ... >

        <include android:id="@+id/my_toolbar" layout="@layout/toolbar" />

        <com.mycompany.myapp.SlidingTabLayout
            android:id="@+id/sliding_tabs"
            android:background="?attr/colorPrimary"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <!-- This is the ViewPager (which you already should have if you have
        used tabs before) -->
    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    ...

</LinearLayout>

строка, которая ссылается на Toolbar (<include android:id="@+id/detail_toolbar" layout="@layout/toolbar" />), ссылается на другой XML-файл, который я использовал для создания Toolbar.

3. измените имена пакетов в SlidingTabLayout.java и SlidingTabStrip.java соответствующий, где они были размещены. В моем случае, я использовал что-то похожее на: package com.mycompany.myapp.view; для обоих этих файлов. Организуйте импорт и добавьте все необходимое, как указано в используемой среде IDE.

4. в своем Activity (распространяющееся AppCompatActivity), установить Toolbar на onCreate способ:

Toolbar toolbar = (Toolbar) findViewById(R.id.detail_toolbar);
setSupportActionBar(toolbar);

5. настройка элемент ViewPager и SlidingTabLayout детали:

mViewPager = (ViewPager) findViewById(R.id.view_pager);
mViewPager.setAdapter(new ViewPagerAdapter(getSupportFragmentManager()));
mSlidingTabLayout = (SlidingTabLayout) findViewById(R.id.sliding_tabs);
mSlidingTabLayout.setSelectedIndicatorColors(getResources().getColor(R.color.tab_line));   
mSlidingTabLayout.setDistributeEvenly(true);
mSlidingTabLayout.setViewPager(mViewPager);

цвета '