android - 在 CoordinatorLayout Android 的 ViewPager fragment 中使用 NestedScrollView 突然滚动

标签 android android-fragments android-recyclerview android-coordinatorlayout

我在 CoordinatorLayout 中遇到了 ViewPager 的主要滚动问题。

当前场景:

  1. app:appbarScrollingViewBehaviourViewPager 上设置。
  2. ViewPager fragment 将 NestedScrollView 作为其父根。
  3. fragment 布局包含水平RecyclerView
  4. 当我通过触摸 RecyclerView 向上滚动时,应用栏不会滚动,而只会发生嵌套滚动。
  5. 当我通过触摸 View 的其余部分进行滚动时,CoordinatorLayout 会滚​​动。 6) 嵌套滚动也会中途停止并切断内容。

我已经尝试过的:

  1. ViewPager 放入 NestedScrollView 并将 app:appbarScrollingViewBehaviour 属性设置为 NestedScrollView。这完全切断了 fragment 内容,因为 RecyclerView 无法决定其高度。
  2. RecyclerView 上设置 setAutoMeasureEnabled(true),仍然无法修复高度。
  3. 还有许多其他方法。

    请帮忙解决这个问题。当前行为可以在上传的 .gif 中看到。我还发布了 Activity 布局和 fragment 布局以及 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_width="match_parent"
android:layout_height="match_parent"
android:background="@color/new_color_primary_skim">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/transparent">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsingLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        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_width="match_parent"
            android:fitsSystemWindows="true"
            app:layout_scrollFlags="scroll|enterAlways"
            android:layout_height="?attr/actionBarSize">

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <ImageView
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:layout_gravity="center_vertical"
                    android:src="@drawable/ic_arrow_back" />



   <com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    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_width="match_parent"
                android:layout_height="150dp"
                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_width="match_parent"
                android:layout_below="@+id/diet_insights_graph"
                android:layout_height="50dp"
                android:layout_gravity="bottom"
                android:background="@color/transparent" />
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            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_width="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_height="wrap_content">
      </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_width="match_parent"
android:layout_height="match_parent">

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingLeft="7dp"
        android:paddingRight="7dp"
        android:paddingTop="10dp">


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="vertical">


            <LinearLayout
                android:layout_width="100dp"
                android:layout_height="4dp"
                android:layout_marginTop="10dp"
                android:alpha="0.5"
                android:background="@drawable/round_gray_dark"
                android:orientation="horizontal"></LinearLayout>


            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center_vertical"
                android:orientation="horizontal">


                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:paddingLeft="10dp">


                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="10dp"
                        android:orientation="horizontal">


   <com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            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_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="2300"
                            android:textColor="@color/white"
                            android:textSize="14sp"
                            android:textStyle="bold"
                            Customs:font="LatoRegular.ttf" />
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="10dp"
                        android:orientation="horizontal">



 <com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="Burned calories : "
                            android:textColor="@color/white"
                            android:textSize="14sp"
                            Customs:font="LatoRegular.ttf" />


   <com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="2300"
                            android:textColor="@color/white"
                            android:textSize="14sp"
                            android:textStyle="bold"
                            Customs:font="LatoRegular.ttf" />
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="10dp"
                        android:orientation="horizontal">


    <com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            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_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="20 mins"
                            android:textColor="@color/white"
                            android:textSize="14sp"
                            android:textStyle="bold"
                            Customs:font="LatoRegular.ttf" />
                    </LinearLayout>


                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:layout_width="100dp"
                android:layout_height="4dp"
                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_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:text="Today"
            android:textColor="@color/white"
            android:textSize="21sp"
            Customs:font="LatoRegular.ttf" />

        <LinearLayout
            android:layout_width="100dp"
            android:layout_height="4dp"
            android:layout_marginTop="5dp"
            android:alpha="0.5"
            android:background="@drawable/round_gray_dark"
            android:orientation="horizontal"></LinearLayout>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="vertical">

            <android.support.v7.widget.RecyclerView
                android:id="@+id/recycler_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
      </android.support.v7.widget.RecyclerView>


            <com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
                android:id="@+id/textView31"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Tomorrow"
                android:textColor="@color/white"
                android:textSize="21sp"
                Customs:font="LatoRegular.ttf" />

            <LinearLayout
                android:layout_width="100dp"
                android:layout_height="4dp"
                android:layout_marginTop="5dp"
                android:alpha="0.5"
                android:background="@drawable/round_gray_dark"
                android:orientation="horizontal"></LinearLayout>


            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingLeft="10dp">


                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:orientation="horizontal">


       <com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        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_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="2300"
                        android:textColor="@color/white"
                        android:textSize="14sp"
                        android:textStyle="bold"
                        Customs:font="LatoRegular.ttf" />
                </LinearLayout>


                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:orientation="horizontal">


      <com.fitsquare.app.fitsquare.Entity.Customs.CustomFontTextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        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_width="wrap_content"
                        android:layout_height="wrap_content"
                        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_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="true"
        android:src="@color/transparent" />-->
</FrameLayout>

</android.support.v4.widget.NestedScrollView>

最佳答案

我找到了解决方案并自己解决了问题。由于水平 RecyclerView 是嵌套 ScrollView 的 subview ,因此它不会将滚动事件传输到 CoordinatorLayout。我只是通过使用这行代码禁用嵌套滚动来解决它。

recyclerView.setNestedScrollingEnabled(false);

关于android - 在 CoordinatorLayout Android 的 ViewPager fragment 中使用 NestedScrollView 突然滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37171251/

相关文章:

Android 应用内购买付款后崩溃

android - 如何将 Android Wear 屏幕截图上传到 Play 商店?

android - Android中的JDBC连接

java - Android:带有重复项的 SortedList

java - 下载文件时更新通知时如何防止 UI 滞后?

Android fragment 选项卡,带有适用于所有 api 的 viewpager

java - 调用 fragment 时 fragment 选项菜单出现问题?

android - Android Support4Demos 的 FragmentTabs 示例中的两个框架布局

android - 如何选择性地设置 itemTouchHelper 滑动?

android - 如何将数据从回收器适配器发送到 fragment |如何从 recyclerview 适配器调用 fragment 函数