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

Question

Требование: - Вкладки панели действий с помощью ViewPager с ящиком для навигации.

я могу создать пример навигации Ящика

Action Bar Вкладки с использованием ViewPager отдельно.

Но когда я пытаюсь использовать оба сразу у меня возникли проблемы.

Я могу создать навигационный ящик, используя фрагменты и вкладки панели действий, используя фрагмент. Но начальная активность обоих примеров - это Фрагментная активность.

Как реализовать вкладки панели действий на фрагменте, который является частью навигационного ящика?

Answer 1

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

<?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.

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

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

ИЛИ

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

Спасибо.

Answer 2

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

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

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

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

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

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

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

Answer 3

Как вы заметили, вкладки ActionBar не очень хорошо воспроизводятся с помощью навигационного ящика и этого режима дизайна has been deprecated in API 21 в любом случае.

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