簡體   English   中英

突然在CoordinatorLayout Android內的ViewPager Fragment中使用NestedScrollView滾動

[英]Abrupt scrolling with NestedScrollView in ViewPager Fragment inside a CoordinatorLayout Android

我在CoordinatorLayout ViewPager的主要滾動問題。

當前場景:

  1. app:appbarScrollingViewBehaviourViewPagerViewPager
  2. ViewPager片段以NestedScrollView作為其根父級。
  3. 片段布局包含Horizo​​ntal RecyclerView
  4. 當我通過觸摸RecyclerView向上滾動時,應用欄不會滾動,而只會進行嵌套滾動。
  5. 當我通過觸摸視圖的其余部分滾動時, CoordinatorLayout滾動。 6)嵌套滾動也在中途停止並切斷內容。

我已經嘗試過了:

  1. ViewPager放在NestedScrollView並將app:appbarScrollingViewBehaviour屬性設置為NestedScrollView 這完全切斷了碎片內容,因為RecyclerView無法確定其高度。
  2. RecyclerView上設置setAutoMeasureEnabled(true) ,仍然無法修復高度。
  3. 還有很多其他方法。

    請幫助解決這個問題。 在上傳的.gif文件中可以看到當前行為。 我還發布了活動布局和片段布局以及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是嵌套滾動視圖的子項,因此它不會將滾動事件傳輸到CoordinatorLayout。 我剛剛通過使用這行代碼禁用嵌套滾動來解決它。

recyclerView.setNestedScrollingEnabled(false);

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM