CollapsingToolbarLayout + Coordinatorlayout + ViewPager + Fragment

时间:2016-05-16 11:00:30

标签: android android-viewpager android-collapsingtoolbarlayout

我已经四处寻找,但似乎没有像我这样的类似问题。

我有一个包含多个片段的ViewPager。在每个片段内部,有一个标题部分,我希望它在下面的部分滚动时崩溃(pallax)(通常是RecylcerView)。折叠部分是另一个片段(所以我可以在几个地方重复使用)。

具有此布局的第一个片段(在ViewPager中)工作正常(图片A)。但是,其他人会遇到类似图片B的问题。当您更改ViewPager中的片段顺序时,例如B为第一个,A为秒,则A将得到问题,B将正常工作。

A工作正常(A是ViewPager中的第一个片段) Pic A

B有重叠的问题。顶部有一个空格,底部与下面的列表重叠 Pic B

向下滚动下面的reclyclerview时,顶部不会完全折叠

这是布局,A& amp; B使用相同的布局

<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:fitsSystemWindows="true">

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

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_collapseMode="parallax"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">

            <fragment
                android:id="@+id/fragment_test"
                android:name="com.sample.android.fragment.FragmentTest"
                android:layout_width="match_parent"
                android:layout_height="@dimen/test_height"
                android:fitsSystemWindows="true"
                app:layout_collapseMode="parallax" />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <include
        layout="@layout/layout_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/tv_emtpy"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>
  • layout_list只包含RecyclerView

Ps:我尝试了几种方法: - android:fitsSystemWindows for AppBarLayout,CoordinatorLayout ...... - 将列表放入AppBarLayout

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题;坐标布局的错误。 试试这个库,playStore也有示例应用程序。

https://github.com/henrytao-me/smooth-app-bar-layout

我猜你还要修改viewPager和适配器; 但是整合不应该花费很长时间。 首先在游戏商店中查看示例应用程序并确定它是否会对您有所帮助。

https://play.google.com/store/apps/details?id=me.henrytao.smoothappbarlayout