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

时间:2018-10-13 18:42:39

标签: android android-viewpager android-coordinatorlayout android-collapsingtoolbarlayout android-appbarlayout

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

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

感谢您的帮助。 谢谢。

这是布局

<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>

1 个答案:

答案 0 :(得分:0)

您应该可以通过添加另一个标志来隐藏MARKDOWN=$(shell find . -iname "*.pd") EPUBS=$(MARKDOWN:.pd=.epub) .PHONY = all clean all: $(EPUBS) %.epub: %.pd pandoc --from markdown --to epub --smart $< -o epubs/$@ clean: rm epubs/*

CollapsingToolbarLayout

要隐藏app:layout_scrollFlags="scroll|snap" ,可以尝试以下操作:

RelativeLayout

您将需要此按钮来固定视图:

app:layout_scrollFlags="scroll|enterAlways"

app:layout_collapseMode="pin" 标志可能还不够。