使用 viewpager 在坐标布局中滚动滞后

Question

在 appbarlayout 下的 viewpager 中切换页面时，滚动无法正常工作。由于使用了app:layout_scrollFlags="scroll"，所以当滚动下面的viewpager 时，appbarlayout 应该平滑地滚动出屏幕。 查看视频（12 秒后）https://www.youtube.com/watch?v=_gY-7SiDiFs

这是问题的 gif https://imgur.com/a/xHvDRhJ

感谢任何帮助。 谢谢。

这是布局

<android.support.design.widget.CoordinatorLayout
                android:id="@+id/detail_main_content"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true">

                <android.support.design.widget.AppBarLayout
                    android:id="@+id/appbarlayout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fitsSystemWindows="true"
                    app:elevation="0dp">

                <android.support.design.widget.CollapsingToolbarLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        app:layout_scrollFlags="scroll">
                        <FrameLayout
                            android:id="@+id/detail_thumbnail_root_layout"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:background="@android:color/black"
                            android:clickable="true"
                            android:focusable="true"
                            android:foreground="?attr/selectableItemBackground"
                            app:layout_collapseMode="parallax">

                        </FrameLayout>
                </android.support.design.widget.CollapsingToolbarLayout>

                <RelativeLayout
                        android:id="@+id/fdsafsda123"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="?android:windowBackground"
                        app:layout_scrollFlags="scroll">

                </RelativeLayout>

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

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

                <android.support.design.widget.TabLayout
                    android:id="@+id/tablayout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom|center"
                    android:background="@color/transparent_background_color"
                    app:tabBackground="@drawable/tab_selector"
                    app:tabGravity="center"
                    app:tabIndicatorHeight="0dp">

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

Answer 1

您应该能够通过添加另一个这样的标志来隐藏CollapsingToolbarLayout：

app:layout_scrollFlags="scroll|snap"

要隐藏RelativeLayout，你可以试试这个：

app:layout_scrollFlags="scroll|enterAlways"

你需要这个来固定你的观点：

app:layout_collapseMode="pin"

仅scroll 标志可能还不够。