Android布局:具有滚动行为的Viewpager内的垂直Recyclerview内的水平Recyclerview

时间:2015-10-31 20:25:25

标签: android android-layout android-recyclerview android-coordinatorlayout android-appbarlayout

这是我尝试使用以下所有元素构建的应用程序:

Veggies app

一切正常,但是,我希望内部水平回收视图不捕获任何垂直滚动。所有垂直滚动必须朝向外部垂直回收视图,而不是水平回滚视图,因此垂直滚动将允许工具栏根据它的scrollFlag退出视图。

当我把手指放在" StrawBerry Plant"回收器视图的一部分并向上滚动,它会滚出工具栏:

strawberry plant

如果我将手指放在水平滚动视图上并向上滚动,它根本不会滚出工具栏。

以下是我目前的xml布局代码。

活动 xml布局:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/fragment_container"
    android:clipChildren="false">

    <android.support.design.widget.CoordinatorLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/container"
        >

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:minHeight="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|enterAlways">

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

        <android.support.design.widget.TabLayout
            android:id="@+id/sliding_tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            style="@style/CustomTabLayout"
            />

    </android.support.design.widget.AppBarLayout>
    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />

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

</FrameLayout>

&#34; Fruits&#34;片段 xml布局(这是片段的代码 - 片段在上图中标出):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/progressBar"
        android:visibility="gone"
        android:layout_centerInParent="true"
        android:indeterminate="true"/>

<!--    <android.support.v7.widget.RecyclerView-->
    <com.example.simon.customshapes.VerticallyScrollRecyclerView
        android:id="@+id/main_recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

</RelativeLayout>

我使用了一个名为VerticallyScrollRecyclerView的自定义类,它跟随google在视图组中处理触摸事件的示例。它的目的是拦截和使用所有垂直滚动事件,以便它可以滚动/滚出工具栏:http://developer.android.com/training/gestures/viewgroup.html

VerticallyScrollRecyclerView 的代码如下:

public class VerticallyScrollRecyclerView extends RecyclerView {

    public VerticallyScrollRecyclerView(Context context) {
        super(context);
    }

    public VerticallyScrollRecyclerView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public VerticallyScrollRecyclerView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    ViewConfiguration vc = ViewConfiguration.get(this.getContext());
    private int mTouchSlop = vc.getScaledTouchSlop();
    private boolean mIsScrolling;
    private float startY;

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        final int action = MotionEventCompat.getActionMasked(ev);
        // Always handle the case of the touch gesture being complete.
        if (action == MotionEvent.ACTION_CANCEL || action == MotionEvent.ACTION_UP) {
            // Release the scroll.
            mIsScrolling = false;
            startY = ev.getY();
            return super.onInterceptTouchEvent(ev); // Do not intercept touch event, let the child handle it
        }
        switch (action) {
            case MotionEvent.ACTION_MOVE: {
                Log.e("VRecView", "its moving");
                if (mIsScrolling) {
                    // We're currently scrolling, so yes, intercept the
                    // touch event!
                    return true;
                }
                // If the user has dragged her finger horizontally more than
                // the touch slop, start the scroll
                // left as an exercise for the reader
                final float yDiff = calculateDistanceY(ev.getY());
                Log.e("yDiff ", ""+yDiff);
                // Touch slop should be calculated using ViewConfiguration
                // constants.
                if (Math.abs(yDiff) > 5) {
                    // Start scrolling!
                    Log.e("Scroll", "we are scrolling vertically");
                    mIsScrolling = true;
                    return true;
                }
                break;
            }
        }
        return super.onInterceptTouchEvent(ev);
    }


    private float calculateDistanceY(float endY) {
        return startY - endY;
    }

}

&#34;收藏&#34; layout ,这是vertical recyclerview中的recyclelerview:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@color/white"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Favourite"
        android:layout_marginTop="8dp"
        android:layout_marginBottom="8dp"
        android:layout_marginLeft="16dp"
        android:id="@+id/header_fav"/>

    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_below="@+id/header_fav"
        android:id="@+id/recyclerview_fav">
    </android.support.v7.widget.RecyclerView>

</RelativeLayout>

这一直困扰着我一段时间,我还没有设法找到解决方案。有谁知道如何解决这个问题?

对Griffindor的5分是正确的答案,当然还有SO的声望点。

7 个答案:

答案 0 :(得分:98)

经过测试的解决方案:

您只需在内部mInnerRecycler.setNestedScrollingEnabled(false);

上拨打RecyclerView即可


说明

RecyclerView通过实现API 21接口支持NestedScrollingChild中引入的嵌套滚动。当您在另一个滚动视图中向同一方向滚动并且只想在聚焦时滚动内部View时,这是一个很有价值的功能。

在任何情况下,RecyclerView默认情况下在初始化时会自行调用RecyclerView.setNestedScrollingEnabled(true);。现在,回到问题,由于您的RecyclerViewViewPager都在AppBarBehavior的同一个CoordinateLayout内,RecyclerView必须决定在哪个回滚时回复你从内心RecyclerView滚动;当您的内部CoordinateLayout嵌套滚动启用时,它会获得滚动焦点,而RecyclerView会选择响应其在外部RecyclerView上的滚动滚动。问题在于,由于您的内部CoordinateLayout不垂直滚动,因此没有垂直滚动更改(从AppBarLayout的角度来看),如果有没有变化,RecyclerView也没有变化。

在您的情况下,因为您的内部CoordinateLayout向不同方向滚动,您可以将其禁用,从而导致RecyclerView忽略其滚动并响应外部android:nestedScrollingEnabled="boolean"滚动。


<强>通知

xml属性RecyclerView不适用于android:nestedScrollingEnabled="false",尝试使用java.lang.NullPointerException会产生{{1}},所以,至少现在,你必须在代码中做到这一点。

答案 1 :(得分:2)

经过测试的解决方案,请使用自定义NestedScrollView()

代码:

public class CustomNestedScrollView extends NestedScrollView {
    public CustomNestedScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (ev.getAction() == MotionEvent.ACTION_DOWN) {
         // Explicitly call computeScroll() to make the Scroller compute itself
            computeScroll();
        }
        return super.onInterceptTouchEvent(ev);
    }
}

答案 2 :(得分:2)

我有点迟了但这对于面临同样问题的其他人来说肯定会有用

 mRecyclerView.addOnItemTouchListener(new RecyclerView.OnItemTouchListener() {
            @Override
            public boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {
                int action = e.getAction();
               // Toast.makeText(getActivity(),"HERE",Toast.LENGTH_SHORT).show();
                switch (action) {
                    case MotionEvent.ACTION_POINTER_UP:
                        rv.getParent().requestDisallowInterceptTouchEvent(true);

                        break;
                }
                return false;
            }

答案 3 :(得分:1)

尝试

public OuterRecyclerViewAdapter(List<Item> items) {
    //Constructor stuff
    viewPool = new RecyclerView.RecycledViewPool();
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    //Create viewHolder etc
    holder.innerRecyclerView.setRecycledViewPool(viewPool);

}

内部recylerview将使用相同的视图池,并且会更加平滑

答案 4 :(得分:0)

我建议您在Google应用程序之类的片段中添加水平recyclerview

答案 5 :(得分:0)

如果还有人在寻找,请尝试以下方法:

private val Y_BUFFER = 10
private var preX = 0f
private var preY = 0f

mView.rv.addOnItemTouchListener(object : RecyclerView.OnItemTouchListener {
        override fun onTouchEvent(p0: RecyclerView, p1: MotionEvent) {

            }

        override fun onInterceptTouchEvent(rv: RecyclerView, e: MotionEvent): Boolean {
                when (e.action) {
                    MotionEvent.ACTION_DOWN -> rv.parent.requestDisallowInterceptTouchEvent(true)
                    MotionEvent.ACTION_MOVE -> {
                        if (Math.abs(e.x - preX) > Math.abs(e.y - preY)) {
                            rv.parent.requestDisallowInterceptTouchEvent(true)
                        } else if (Math.abs(e.y - preY) > Y_BUFFER) {
                            rv.parent.requestDisallowInterceptTouchEvent(false)
                        }

                    }
                }
                preX = e.x
                preY = e.y
                return false
            }

            override fun onRequestDisallowInterceptTouchEvent(p0: Boolean) {
            }
        })

它检查当前是否水平滚动,然后不允许父母处理事件

答案 6 :(得分:-1)

我通读了使用 setNestedScrollingEnabled 为 false 的提供的答案,这对我来说很糟糕,因为它使 recyclerview 无法回收,如果你有一个巨大的列表,你可能会在内存中崩溃,性能问题等等。所以我会给你一个算法,让它在没有任何代码的情况下工作。

在垂直回收视图上有一个监听器,比如滚动监听器。无论何时滚动列表,您都会收到一个正在滚动的回调。您也应该在空闲时收到回电。

现在在滚动垂直回收器视图时,水平列表上的 setNestedScrollingEnabled = false

一旦垂直回收视图空闲 setNestedScrollingEnabled = true 在同一个水平列表上。

还在xml中初始将水平recyclerview设置为setNestedScrollingEnabled = false

当 coordinatorLayout 与不同方向的两个 recyclerviews 混淆时,这也适用于 appbarlayout,但这是另一个问题。

让我们看一下 kotlin 中另一种更简单的方法,通过一个真实的例子来完成。在这里,我们将只关注水平 recyclerView:

假设我们有 RecyclerViewVertical 和 RecyclerViewHorizo​​ntal:

 RecyclerViewHorizontal.apply {
                addOnScrollListener(object : RecyclerView.OnScrollListener() {
                    override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {
                        isNestedScrollingEnabled = RecyclerView.SCROLL_STATE_IDLE != newState
                    }
                })
            }

这段代码的意思是,如果 RecyclerViewHorizo​​ntal 不空闲,则启用nestedScrolling,否则禁用它。这意味着当它空闲时,我们现在可以在协调器布局中使用 RecyclerViewVertical,而不会受到 RecyclerViewHorizo​​ntal 的任何干扰,因为我们在它空闲时禁用了它。