Android
android開発
RecyclerView
TabLayout
CoordinatorLayout

【Android】TabLayout + ViewPager + RecyclerView の上にViewを置いてスクロールでTabLayoutは上部に固定したい

どんなレイアウトなのか?(メモ)

こういうレイアウトがあって、下にスクロールした時にTabはToolbar or ActionBarの下にピタッと止めたいってデザイナーさんに言われた時に組んでみたレイアウト。

スクリーンショット 2017-10-13 10.13.21.pngスクリーンショット 2017-10-13 10.14.32.png

◯◯◯Activityのレイアウト

activity.xml
<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <!-- 上記の図にあるViewの部分 -->
        <include layout="@layout/header_view" />

        <android.support.design.widget.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

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

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>

上部に表示させたいViewのレイアウト

header_view.xml
<?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="wrap_content"
    android:orientation="vertical"
    app:layout_scrollFlags="scroll|enterAlwaysCollapsed">

<!-- --- -->

</LinearLayout>

ViewPager内の◯◯◯Fragmentのレイアウト

fragment.xml
<android.support.v7.widget.RecyclerView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipToPadding="false"
    android:fillViewport="true"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />