Вкладки панели действий с использованием ViewPager с навигационным ящиком

Используйте следующий макет для своей основной деятельности.

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager_container"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#ffe6e1d4"
        android:focusable="true"
        android:focusableInTouchMode="true" />    

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:listSelector="@drawable/drawer_list_selector"        
        android:background="@color/drawer_bg" />

</android.support.v4.widget.DrawerLayout>

Напишите свой FragmentPagerAdapter, как показано в APPTabsAdapter.

Вот как я построил это в одном из моих проектов.

Вы можете попробовать и попросить о помощи, если это необходимо.

OR

Вы можете воспользоваться помощью этого репозитория GitHub.

Спасибо.

Проблема использования вкладок панели действий заключается в том, что когда появляется ящик, он появляется под вкладками, поскольку вкладки являются частью панели действий.

Вместо этого я попытался использовать tabHost, и он работает намного лучше.

Вы можете получить исходный код здесь: https://github.com/jiahaoliuliu/DrawerWithTabsAndViewPager

Вот небольшое пояснение по этому поводу:

1. Первый уровень — ящик, из библиотеки поддержки v4
2. Внутри ящика первым элементом является tabHost, для которого я установил ширину и высоту содержимого равными 0.
3. Под tabhost есть viewpager.

После того, как все было создано, я создал прослушиватель для tabhost и еще один для viewPager, поэтому, когда пользователь нажимает на любую вкладку, пейджер просмотра устанавливает текущий элемент и наоборот.

Наслаждайтесь кодированием!

Как вы заметили, вкладки ActionBar не очень хорошо работают с Navigation Drawer и этим режимом разработки устарело в API 21.

Я использовал классы из примера SlidingTabs от разработчиков Android, чтобы добиться этого эффекта без необходимости включить зависимость от сторонней библиотеки, и я очень доволен результатом. Также есть видеоруководство.