расположение заголовка выше TabLayout

Question

Я пытаюсь сделать что-то вроде этого:

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

Вот макет заголовка я хочу поставить над вкладками:

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:id="@+id/header" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     android:layout_gravity="center_horizontal" 
     android:background="@color/green"> 

      <LinearLayout 
       android:orientation="horizontal" 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" > 

       <ImageView 
        android:layout_width="50dp" 
        android:layout_height="50dp" 
        android:background="@drawable/ic_image" 
        android:adjustViewBounds="true" 
        android:scaleType="centerCrop" 
        android:layout_gravity="center_vertical" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Hey!" 
        android:textColor="@color/white" 
        android:textSize="24sp" 
        android:layout_gravity="center_vertical" /> 

      </LinearLayout> 

    </LinearLayout> 

</LinearLayout> 

Я использую RecyclerView для содержания под вкладками. Я использую 3 разных Fragments для Activity.

Вот моя активность:

<android.support.design.widget.CoordinatorLayout 
    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.support.design.widget.AppBarLayout 
     android:id="@+id/appbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     app:elevation="0dp"> 

     <android.support.v7.widget.Toolbar 
      xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:app="http://schemas.android.com/apk/res-auto" 
      android:id="@+id/toolbar_group" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:minHeight="0dp" 
      android:background="@color/blue" 
      app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/tabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:tabTextAppearance="@style/TabLayout" 
      app:tabSelectedTextColor="@color/white" 
      app:tabTextColor="@color/white" 
      /> 

    </android.support.design.widget.AppBarLayout> 

    <android.support.v4.view.ViewPager 
     android:id="@+id/pager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" 
     /> 

</android.support.design.widget.CoordinatorLayout> 

А вот один из моих фрагментов:

<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.v7.widget.RecyclerView 
     android:id="@+id/recycler_view" 
     android:scrollbars="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     /> 

</android.support.design.widget.CoordinatorLayout> 

Как я могу добавить заголовок над TabLayout и сохранить нормальные поведения прокруткой?

Answer 1

Для этого вам нужен только RecyclerView. Объедините заголовок и tabLayout в виде заголовка, а затем добавьте в свой RecyclerView.

Проверить https://github.com/u3breeze/android-RecyclerView-WithHeaderAndFooter. Я сделал расширение RecyclerView.Adapter. Легко добавить верхний и нижний колонтитулы в RecyclerView.