在 CoordinatorLayout Android 中的 ViewPager 片段中使用 NestedScrollView 突然滚动
Posted
技术标签:
【中文标题】在 CoordinatorLayout Android 中的 ViewPager 片段中使用 NestedScrollView 突然滚动【英文标题】：Abrupt scrolling with NestedScrollView in ViewPager Fragment inside a CoordinatorLayout Android 【发布时间】：2016-09-07 08:43:08 【问题描述】：我在 CoordinatorLayout 内使用 ViewPager 时遇到了一个主要的滚动问题。
当前场景：
app:appbarScrollingViewBehaviour 设置为 ViewPager。
ViewPager 片段将 NestedScrollView 作为其根父级。
片段布局包含水平RecyclerView。
当我通过触摸RecyclerView 向上滚动时，应用栏不会滚动，而只会发生嵌套滚动。
当我通过触摸视图的其余部分进行滚动时，CoordinatorLayout 会滚动。
6) 嵌套滚动也会中途停止并切断内容。
我已经尝试过的：
-
将
ViewPager 放入NestedScrollView 并将app:appbarScrollingViewBehaviour 属性设置为NestedScrollView。这完全切断了片段内容，因为RecyclerView 无法决定其高度。
在RecyclerView 上设置setAutoMeasureEnabled(true)，仍然无法修复高度。
以及许多其他方法。
请帮助解决这个问题。当前行为可以在上传的 .gif 中看到。我还发布了我的 Activity 布局和片段布局以及RecyclerView 行布局的代码。
谢谢
activity.xml：
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:Customs="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_content"
android:layout_
android:layout_
android:background="@color/new_color_primary_skim">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_
android:layout_
android:background="@color/transparent">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsingLayout"
android:layout_
android:layout_
android:fitsSystemWindows="true"
android:elevation="0dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
android:minHeight="?attr/actionBarSize">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|enterAlways"
android:layout_>
<FrameLayout
android:layout_
android:layout_>
<ImageView
android:layout_
android:layout_
android:layout_gravity="center_vertical"
android:src="@drawable/ic_arrow_back" />
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:layout_gravity="center_horizontal"
android:gravity="center_vertical"
android:text="Workout"
android:textColor="#FFFFFF"
android:textSize="19sp"
android:textStyle="bold"
Customs:font="LatoRegular.ttf" />
</FrameLayout>
</android.support.v7.widget.Toolbar>
<com.github.mikephil.charting.charts.LineChart
android:id="@+id/workout_insights_graph"
android:layout_
android:layout_
android:layout_below="@+id/toolbar"
app:layout_scrollFlags="scroll|snap"
android:layout_marginTop="?attr/actionBarSize"
app:layout_collapseMode="parallax"
android:animateLayoutChanges="true" />
<com.fitsquare.app.fitsquare.Entity.Customs.SlidingTabLayout
android:id="@+id/tabs"
android:layout_
android:layout_below="@+id/diet_insights_graph"
android:layout_
android:layout_gravity="bottom"
android:background="@color/transparent" />
<ImageView
android:layout_
android:layout_
android:layout_gravity="right|top"
android:layout_marginRight="-50dp"
android:layout_marginTop="-50dp"
android:src="@drawable/workout_translucent" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/view_pager"
android:layout_
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:layout_>
</android.support.v4.view.ViewPager>
</android.support.design.widget.CoordinatorLayout>
pager_fragment.xml：
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:Customs="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_
android:layout_>
<FrameLayout
android:layout_
android:layout_>
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical"
android:paddingLeft="7dp"
android:paddingRight="7dp"
android:paddingTop="10dp">
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:orientation="vertical">
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:alpha="0.5"
android:background="@drawable/round_gray_dark"
android:orientation="horizontal"></LinearLayout>
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="5dp"
android:gravity="center_vertical"
android:orientation="horizontal">
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical"
android:paddingLeft="10dp">
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:orientation="horizontal">
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="Target Calories to burn : "
android:textColor="@color/white"
android:textSize="14sp"
Customs:font="LatoRegular.ttf" />
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="2300"
android:textColor="@color/white"
android:textSize="14sp"
android:textStyle="bold"
Customs:font="LatoRegular.ttf" />
</LinearLayout>
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:orientation="horizontal">
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="Burned calories : "
android:textColor="@color/white"
android:textSize="14sp"
Customs:font="LatoRegular.ttf" />
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="2300"
android:textColor="@color/white"
android:textSize="14sp"
android:textStyle="bold"
Customs:font="LatoRegular.ttf" />
</LinearLayout>
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:orientation="horizontal">
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="Total workout time : "
android:textColor="@color/white"
android:textSize="14sp"
Customs:font="LatoRegular.ttf" />
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="20 mins"
android:textColor="@color/white"
android:textSize="14sp"
android:textStyle="bold"
Customs:font="LatoRegular.ttf" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:alpha="0.5"
android:background="@drawable/round_gray_dark"
android:orientation="horizontal"></LinearLayout>
</LinearLayout>
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:id="@+id/textView27"
android:layout_
android:layout_
android:layout_marginTop="20dp"
android:text="Today"
android:textColor="@color/white"
android:textSize="21sp"
Customs:font="LatoRegular.ttf" />
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="5dp"
android:alpha="0.5"
android:background="@drawable/round_gray_dark"
android:orientation="horizontal"></LinearLayout>
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:orientation="vertical">
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_
android:layout_>
</android.support.v7.widget.RecyclerView>
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:id="@+id/textView31"
android:layout_
android:layout_
android:text="Tomorrow"
android:textColor="@color/white"
android:textSize="21sp"
Customs:font="LatoRegular.ttf" />
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="5dp"
android:alpha="0.5"
android:background="@drawable/round_gray_dark"
android:orientation="horizontal"></LinearLayout>
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical"
android:paddingLeft="10dp">
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:orientation="horizontal">
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="Target Calories to burn : "
android:textColor="@color/white"
android:textSize="14sp"
Customs:font="LatoRegular.ttf" />
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="2300"
android:textColor="@color/white"
android:textSize="14sp"
android:textStyle="bold"
Customs:font="LatoRegular.ttf" />
</LinearLayout>
<LinearLayout
android:layout_
android:layout_
android:layout_marginTop="10dp"
android:orientation="horizontal">
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="Total workout time : "
android:textColor="@color/white"
android:textSize="14sp"
Customs:font="LatoRegular.ttf" />
<com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
android:layout_
android:layout_
android:text="20 mins"
android:textColor="@color/white"
android:textSize="14sp"
android:textStyle="bold"
Customs:font="LatoRegular.ttf" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>
<!-- <ImageView
android:layout_
android:layout_
android:clickable="true"
android:src="@color/transparent" />-->
</FrameLayout>
</android.support.v4.widget.NestedScrollView>
【问题讨论】：
那么你能详细解释一下你的问题吗？你想达到什么目标？ 【参考方案1】：我找到了解决方案并自己解决了问题。由于水平 RecyclerView 是嵌套滚动视图的子视图，因此它不会将滚动事件传输到 CoordinatorLayout。我刚刚通过使用这行代码禁用嵌套滚动来解决它。recyclerView.setNestedScrollingEnabled(false);
【讨论】：
以上是关于在 CoordinatorLayout Android 中的 ViewPager 片段中使用 NestedScrollView 突然滚动的主要内容，如果未能解决你的问题，请参考以下文章
Supportmapfragment 在 CoordinatorLayout 中不起作用
当 SnackBar 出现在 CoordinatorLayout 中时上移视图