Разборное представление не работает с viewpager - PullRequest
0 голосов
/ 04 февраля 2019

У меня есть макет, который содержит горизонтальный recyclerView вверху и viewPager.

ViewPager имеет recyclerView на каждой вкладке.

Я хочу свернуть верх horizontal recycler view, когда пользователь прокручивает макет.

Это мой код, и он не сворачивает горизонтальное представление, когда пользователь прокручивает recyclerview.

<com.google.android.material.appbar.AppBarLayout
    android:id="@+id/collapsing_toolbar_appbarlayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent">

    <!--  app:contentScrim : The Toolbar color when the
          collapsing toolbar is collapsed. -->


    <com.google.android.material.appbar.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:contentScrim="#000000"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">


        <!-- app:layout_collapseMode : parallax means an animation effect,
             pin means fixed. -->


        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rvMatchup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin" />


    </com.google.android.material.appbar.CollapsingToolbarLayout>


</com.google.android.material.appbar.AppBarLayout>


<!--- BOTTOM ITEMS -->


<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/collapsing_toolbar_appbarlayout"
    app:layout_scrollFlags="scroll|enterAlways|snap"
    app:tabGravity="fill"
    app:tabMode="fixed" />

<androidx.viewpager.widget.ViewPager
    android:id="@+id/viewPager"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="1.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tabLayout"
    app:layout_constraintVertical_bias="0.0"

    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    />

Хотя, если я использую другой recyclerView вместо ViewPager, онотлично работает, а рушится вид сверху.

1 Ответ

0 голосов
/ 04 февраля 2019

Попробуйте этот поможет вам:

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/maincontent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

<com.google.android.material.appbar.AppBarLayout
    android:id="@+id/collapsing_toolbar_appbarlayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent">

    <!--  app:contentScrim : The Toolbar color when the
          collapsing toolbar is collapsed. -->


    <com.google.android.material.appbar.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:contentScrim="#000000"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">


        <!-- app:layout_collapseMode : parallax means an animation effect,
             pin means fixed. -->


        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rvMatchup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin" />


    </com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/collapsing_toolbar_appbarlayout"
    app:layout_scrollFlags="scroll|enterAlways|snap"
    app:tabGravity="fill"
    app:tabMode="fixed" />


<androidx.viewpager.widget.ViewPager
    android:id="@+id/viewPager"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="1.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tabLayout"
    app:layout_constraintVertical_bias="0.0"

    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    />
</android.support.design.widget.CoordinatorLayout>

<!--- BOTTOM ITEMS -->
...