ViewPager не отображается внутри NestedScrollView, который содержит RecyclerView под ViewPager - PullRequest
Новая
       28

ViewPager не отображается внутри NestedScrollView, который содержит RecyclerView под ViewPager

1 голос
/ 23 апреля 2019

у меня есть NestedScrollView, который содержит ConstaintLayout и внутри него есть Viewpager и Recyclerview, моя проблема в том, что ViewPager не отображается, если у него нет фиксированной высоты, match_parent и wrap_content не работают

Я попытался установить его высоту равным wrap_content и измерить его как высоту самого высокого дочернего элемента, но все еще не работал, я продолжал изменять значения fillViewport и высоты других представлений, изменяя родительский макет с ConstaintLayout на LinearLayout и делая его layout_weight= "1", но все же единственное, что сработало, это установить его высоту на фиксированную высоту

мой макет: 


<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/coordinatorlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorWhite"
    >

    <android.support.design.widget.AppBarLayout
        android:id="@+id/apSelectedLine"
        android:layout_width="match_parent"
        android:layout_height="350dp"
        android:background="@color/colorWhite">


        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:minHeight="250dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">


                <fragment  xmlns:android="http://schemas.android.com/apk/res/android"
                    android:id="@+id/map"
                    android:name="com.google.android.gms.maps.SupportMapFragment"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    app:layout_collapseMode="parallax" />

                <android.support.v7.widget.CardView
                    android:id="@+id/cvStep2Loading"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="0dp"
                    android:background="@color/colorWhite"
                    android:backgroundTint="@color/colorWhite"
                    android:minWidth="100dp"
                    android:minHeight="40dp"
                    android:visibility="gone"
                    app:cardBackgroundColor="@color/colorWhite"
                    app:cardCornerRadius="8dp"
                    app:cardElevation="16dp">

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">

                        <ProgressBar
                            android:id="@+id/pbStep2Loading"
                            style="?android:attr/progressBarStyleHorizontal"
                            android:layout_width="32dp"
                            android:layout_height="32dp"
                            android:layout_marginStart="8dp"
                            android:layout_marginLeft="8dp"
                            android:layout_marginTop="8dp"
                            android:layout_marginEnd="8dp"
                            android:layout_marginRight="8dp"
                            android:layout_marginBottom="8dp"
                            android:background="@drawable/circle_shape"
                            android:indeterminate="false"
                            android:max="100"
                            android:padding="4dp"
                            android:progress="0"
                            android:progressDrawable="@drawable/circular_progress" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:layout_marginStart="8dp"
                            android:layout_marginLeft="8dp"
                            android:layout_marginTop="8dp"
                            android:layout_marginEnd="8dp"
                            android:layout_marginRight="8dp"
                            android:layout_marginBottom="8dp"
                            android:gravity="center"
                            android:text="loading.."
                            android:textColor="@color/grey" />

                    </LinearLayout>
                </android.support.v7.widget.CardView>
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/nsBusesAndStops"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorWhite"
        android:fillViewport="false"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/llNestSelectedLine"
            android:visibility="visible">

            <me.relex.circleindicator.CircleIndicator
                android:id="@+id/indicator"
                android:layout_width="match_parent"
                android:layout_height="8dp"
                android:layout_marginTop="8dp"
                android:layout_marginBottom="8dp"
                android:background="@color/colorWhite"
                android:backgroundTint="@color/colorWhite"
                app:ci_drawable_unselected="@drawable/unselected_grey_circle"
                app:ci_drawable="@drawable/selected_black_circle"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintStart_toStartOf="parent"/>

            <android.support.v4.view.ViewPager
                android:id="@+id/vpSelectedLine"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/colorWhite"
                app:layout_constraintTop_toBottomOf="@id/indicator"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintBottom_toTopOf="@id/rvStops"
                >
            </android.support.v4.view.ViewPager>

            <android.support.v7.widget.RecyclerView
                android:id="@+id/rvStops"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:backgroundTint="@color/colorWhite"
                android:nestedScrollingEnabled="false"
                app:layout_constraintTop_toBottomOf="@id/vpSelectedLine"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintBottom_toBottomOf="parent"
                />

        </android.support.constraint.ConstraintLayout>


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



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

я не должен делать его фиксированной высоты, потому что Viewpager содержитдинамический RecyclerView ... так как решить эту проблему без фиксированной высоты ViewPager?

Ответы [ 2 ]

0 голосов
/ 24 апреля 2019

после почти дня, пытаясь обойти это, я сам придумал это решение, сначала я установил высоту ViewPager на фиксированную высоту (например, 100 dp) в xml, а затем, когда данные приходят с сервера, я изменяю высоту ViewPager дообщий рост детей, обратите внимание, что внутри ViewPager у меня есть RecyclerView, и вот код Kotlin, который я использовал для этого: 

   fun resizeViewPager(busesList: MutableList<Bus>){

        childRecyclerView?.viewTreeObserver?.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener{
            override fun onGlobalLayout() {
                val firstChild = childRecyclerView?.getChildAt(0)
                val height = firstChild?.height
                if (height != null){
                    val totalHeight = height * busesList.size
                    val layoutParams = viewPager.layoutParams

                    layoutParams.height = totalHeight

                    viewPager.layoutParams = layoutParams
                    viewPager.requestLayout()
                }

                childRecyclerView?.viewTreeObserver?.removeOnGlobalLayoutListener(this)
            }
        })


    }

Кто-нибудь может объяснить, почему эта проблема возникла в первую очередь?и есть ли лучшее решение?

0 голосов
/ 24 апреля 2019

попробуйте поместить ViewPager и RecyclerView внутри FitWindowsFrameLayout с layout_height="wrap_content", чтобы ваш код выглядел следующим образом 

<android.support.design.widget.CoordinatorLayout
...
 <android.support.v4.widget.NestedScrollView
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/nsBusesAndStops"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/colorWhite"
            android:fillViewport="false"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <android.support.constraint.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/llNestSelectedLine"
                android:visibility="visible">

            <me.relex.circleindicator.CircleIndicator
                    android:id="@+id/indicator"
                    android:layout_width="match_parent"
                    android:layout_height="8dp"
                    android:layout_marginTop="8dp"
                    android:layout_marginBottom="8dp"
                    android:background="@color/colorWhite"
                    android:backgroundTint="@color/colorWhite"
                    app:ci_drawable_unselected="@drawable/unselected_grey_circle"
                    app:ci_drawable="@drawable/selected_black_circle"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintRight_toRightOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintStart_toStartOf="parent"/>

            <android.support.v7.widget.FitWindowsFrameLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    tools:ignore="MissingConstraints">
                <android.support.v4.view.ViewPager
                        android:id="@+id/vpSelectedLine"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:background="@color/colorWhite"
                        app:layout_constraintTop_toBottomOf="@id/indicator"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintBottom_toTopOf="@id/rvStops"
                >
                </android.support.v4.view.ViewPager>

                <android.support.v7.widget.RecyclerView
                        android:id="@+id/rvStops"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@color/colorWhite"
                        android:backgroundTint="@color/colorWhite"
                        android:nestedScrollingEnabled="false"
                        app:layout_constraintTop_toBottomOf="@id/vpSelectedLine"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintBottom_toBottomOf="parent"/>

            </android.support.v7.widget.FitWindowsFrameLayout>


        </android.support.constraint.ConstraintLayout>


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



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

для получения дополнительной информации о том, как использовать FitWindowsFrameLayout эта ссылка на googlesource

...