在水平和垂直Recyclerview中滚动问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在水平和垂直Recyclerview中滚动问题相关的知识,希望对你有一定的参考价值。

我有一个带ViewPager的MotionLayout。在由ViewPager托管的其中一个片段中,我有一个带有两个水平RecyclerViews的垂直RecyclerView。向上滚动工作正常,但是,当我尝试在内部RecyclerViews上水平滚动时,它不能很好地工作。它似乎试图垂直滚动(这里的问题视频:https://youtu.be/94rQ5Qkr2ew)我怀疑它与我正在使用的视图组合有关但我不完全确定如何修复它或弄清楚什么是错的。我在内部(水平)RecyclerView上尝试了这个,它似乎没有太大区别:

recyclerView.setOnTouchListener((v, event) -> {
        int action = event.getAction();
        View
        switch (action) {
            case MotionEvent.ACTION_CANCEL:
                v.getParent().requestDisallowInterceptTouchEvent(false);
            case MotionEvent.ACTION_UP:
                v.getParent().requestDisallowInterceptTouchEvent(false);
            case MotionEvent.ACTION_MOVE:
                v.getParent().requestDisallowInterceptTouchEvent(true);
                break;
        }
        return false;
    });

这是MotionLayout容器的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.motion.widget.MotionLayout android:id="@+id/container"
                                                      xmlns:app="http://schemas.android.com/apk/res-auto"
                                                      xmlns:tools="http://schemas.android.com/tools"
                                                      xmlns:android="http://schemas.android.com/apk/res/android"
                                                      android:layout_width="match_parent"
                                                      android:layout_height="match_parent"
                                                      android:orientation="vertical"
                                                      app:layoutDescription="@xml/motion_scene_home_tab">

    <com.github.florent37.shapeofview.shapes.DiagonalView
        android:id="@+id/header"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:elevation="@dimen/header_elevation_expanded"
        app:layout_constraintBottom_toTopOf="@+id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:shape_diagonal_angle="@dimen/menu_header_angle"
        app:shape_diagonal_direction="left"
        app:shape_diagonal_position="bottom">

        <View
            android:id="@+id/background"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/redE64"/>
    </com.github.florent37.shapeofview.shapes.DiagonalView>

    <TextView
        android:id="@+id/toolbar_title"
        style="@style/title.white"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:ellipsize="end"
        android:gravity="center"
        android:maxLines="1"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:layout_marginTop="@dimen/status_bar_height"
        tools:text="Help Center Help Center Help Center "/>

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/transparent"
        android:elevation="2dp"
        android:textAlignment="center"
        app:layout_constraintBottom_toTopOf="@id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/toolbar_title"
        app:layout_constraintVertical_bias="0.0"
        app:tabBackground="@color/transparent"
        app:tabIndicatorColor="@color/white"
        app:tabSelectedTextColor="@color/white"
        app:tabTextColor="@color/white_50_percent"/>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:elevation="1dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/view_pager_guideline"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.35"/>

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/view_pager_guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.18"/>

</androidx.constraintlayout.motion.widget.MotionLayout>

它使用以下运动场景:

<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:app="http://schemas.android.com/apk/res-auto">
    <Transition
        app:constraintSetEnd="@layout/fragment_home_end"
        app:constraintSetStart="@layout/fragment_home"
        app:duration="500">
        <OnSwipe
            app:dragDirection="dragUp"
            app:touchAnchorId="@id/view_pager"
            app:touchAnchorSide="top"/>
        <KeyFrameSet>
            <KeyAttribute
                android:elevation="0dp"
                app:framePosition="0"
                app:target="@id/header"/>
            <KeyAttribute
                android:elevation="0dp"
                app:framePosition="90"
                app:target="@id/header"/>
            <KeyAttribute
                android:elevation="@dimen/schedule_header_elevation_collapsed"
                app:framePosition="100"
                app:target="@id/header"/>

            <KeyAttribute
                android:elevation="0dp"
                app:framePosition="0"
                app:target="@id/toolbar"/>
            <KeyAttribute
                android:elevation="0dp"
                app:framePosition="90"
                app:target="@id/toolbar"/>
            <KeyAttribute
                android:elevation="@dimen/schedule_header_elevation_collapsed"
                app:framePosition="100"
                app:target="@id/toolbar"/>

            <KeyAttribute
                android:elevation="0dp"
                app:framePosition="0"
                app:target="@id/tabs_bar"/>
            <KeyAttribute
                android:elevation="0dp"
                app:framePosition="90"
                app:target="@id/tabs_bar"/>
            <KeyAttribute
                android:elevation="@dimen/schedule_header_elevation_collapsed"
                app:framePosition="100"
                app:target="@id/tabs_bar"/>


            <KeyAttribute
                android:alpha="1"
                app:framePosition="0"
                app:target="@id/toolbar_title"/>

            <KeyAttribute
                android:alpha="0"
                app:framePosition="100"
                app:target="@id/toolbar_title"/>
        </KeyFrameSet>
    </Transition>
</MotionScene>

知道如何解决这个问题吗?或者至少改善它?

答案

你可以尝试这个组件https://gist.github.com/Veeyikpong/aec06cfaf66dfcad427a47654953cd7d

样品用法

只需将此组件用作XML中的常规回收站视图,如下所示:

<com.veeyikpong.utils.NestedHorizontalRecyclerView
           android:id="@+id/recyclerView"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content />

你很高兴去!如果有效,请标记为答案:)

另一答案

将nestadscrollingenabled = false赋予xml中的水平recyclelerview

以上是关于在水平和垂直Recyclerview中滚动问题的主要内容,如果未能解决你的问题,请参考以下文章

创建具有水平和垂直滚动的 RecyclerView

嵌套在 BottomSheet 中的 RecyclerView(水平)防止垂直滚动

同一滚动下的水平和垂直RecyclerView

将水平 RecyclerView 作为项目放置在垂直 RecyclerView 中时的自动滚动问题

如何修复垂直 RecyclerView 内的水平 ViewPager2 和 RecyclerView 的滚动问题?

水平和垂直回收器视图中的滚动问题