Android两条并排RecyclerView实时联动滑动增强

简介: Android两条并排RecyclerView实时联动滑动增强在附录1中,我初步实现了两条垂直摆放的RecyclerView的实时联动滚动,但是附录文章1的实现存在一定问题,比如当用户的手指同时在屏幕的两条RecyclerView区域内滑动,将发生异常。
Android两条并排RecyclerView实时联动滑动增强


在附录1中,我初步实现了两条垂直摆放的RecyclerView的实时联动滚动,但是附录文章1的实现存在一定问题,比如当用户的手指同时在屏幕的两条RecyclerView区域内滑动,将发生异常。还有就是,比如在RecyclerView1正在滚动时候,用户又在RecyclerView2的区域内手指滑动,这样将触发循环嵌套滚动事件,引发错误,因此本文在附录1的基础上改进,通过拦截处理系统的触摸事件解决造成RecyclerView滚动引发的问题。
代码:
package zhangphil.test;

import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.ArrayList;

public class RVActivity extends AppCompatActivity {
    private RecyclerView mRecyclerView1;
    private RecyclerView mRecyclerView2;

    private ArrayList<Integer> mItems;

    /**
     * 返回true,表示拦截事件。
     * 返回false,表示不做任何处理,交给子View处理。
     *
     * @param event
     * @return
     */
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        /**
         * 如果用户的手指同时放在屏幕上滑动,不要触发滚动事件。
         *
         */
        if (event.getPointerCount() >= 2) {
            return true;
        }

        /**
         * 如果左侧的RecyclerView1在滚动中,但是此时用户又在RecyclerView2中触发滚动事件,则停止所有滚动,等待新一轮滚动。
         *
         */
        if (mRecyclerView1.getScrollState() != RecyclerView.SCROLL_STATE_IDLE) {
            if (touchEventInView(mRecyclerView2, event.getX(), event.getY())) {
                mRecyclerView1.stopScroll();
                mRecyclerView2.stopScroll();
                return true;
            }
        }

        /**
         * 如果右侧的RecyclerView2在滚动中,但是此时用户又在RecyclerView1中触发滚动事件,则停止所有滚动,等待新一轮滚动。
         *
         */
        if (mRecyclerView2.getScrollState() != RecyclerView.SCROLL_STATE_IDLE) {
            if (touchEventInView(mRecyclerView1, event.getX(), event.getY())) {
                mRecyclerView2.stopScroll();
                mRecyclerView1.stopScroll();
                return true;
            }
        }

        return super.dispatchTouchEvent(event);
    }

    private boolean touchEventInView(View view, float x, float y) {
        if (view == null) {
            return false;
        }

        int[] location = new int[2];
        view.getLocationOnScreen(location);

        int left = location[0];
        int top = location[1];

        int right = left + view.getMeasuredWidth();
        int bottom = top + view.getMeasuredHeight();

        if (y >= top && y <= bottom && x >= left && x <= right) {
            return true;
        }

        return false;
    }

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.rv_activity);

        mItems = new ArrayList<>();
        for (int i = 0; i < 10000; i++) {
            mItems.add(i);
        }

        initRecyclerView1();
        initRecyclerView2();

        mRecyclerView1.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                if (recyclerView.getScrollState() != RecyclerView.SCROLL_STATE_IDLE) {
                    mRecyclerView2.scrollBy(dx, dy);
                }
            }
        });

        mRecyclerView2.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                if (recyclerView.getScrollState() != RecyclerView.SCROLL_STATE_IDLE) {
                    mRecyclerView1.scrollBy(dx, dy);
                }
            }
        });
    }

    private void initRecyclerView1() {
        mRecyclerView1 = findViewById(R.id.recycler_view_1);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        mRecyclerView1.setLayoutManager(layoutManager);

        RecyclerViewAdapter mAdapter = new RecyclerViewAdapter(1);
        mRecyclerView1.setAdapter(mAdapter);
    }

    private void initRecyclerView2() {
        mRecyclerView2 = findViewById(R.id.recycler_view_2);
        StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(12, StaggeredGridLayoutManager.VERTICAL);
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        mRecyclerView2.setLayoutManager(layoutManager);

        RecyclerViewAdapter mAdapter = new RecyclerViewAdapter(2);
        mRecyclerView2.setAdapter(mAdapter);
    }

    private class RecyclerViewAdapter extends RecyclerView.Adapter<MyVH> {
        private int id;

        public RecyclerViewAdapter(int id) {
            this.id = id;
        }

        @NonNull
        @Override
        public MyVH onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.rv_item, parent, false);
            return new MyVH(view);
        }

        @Override
        public void onBindViewHolder(@NonNull MyVH holder, int position) {
            holder.text1.setText("RecyclerView:" + id);
            holder.text2.setText(mItems.get(position) + "");

            switch (id) {
                case 1:
                    holder.text1.setBackgroundColor(Color.RED);
                    break;

                case 2:
                    holder.text1.setBackgroundColor(Color.BLUE);
                    break;
            }
        }

        @Override
        public int getItemCount() {
            return mItems.size();
        }
    }

    private class MyVH extends RecyclerView.ViewHolder {
        public TextView text1;
        public TextView text2;

        public MyVH(View itemView) {
            super(itemView);
            text1 = itemView.findViewById(R.id.text1);
            text1.setTextColor(Color.WHITE);
            text2 = itemView.findViewById(R.id.text2);
            text2.setTextColor(Color.DKGRAY);
        }
    }
}


相应布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view_1"
        android:layout_width="100dp"
        android:layout_height="match_parent" />

    <View
        android:layout_width="1px"
        android:layout_height="match_parent"
        android:background="#e0e0e0" />

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

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler_view_2"
            android:layout_width="1000dp"
            android:layout_height="match_parent" />
    </HorizontalScrollView>
</LinearLayout>


附录:
1,《Android若干条并排RecyclerView滑动实时联动》链接:https://blog.csdn.net/zhangphil/article/details/79925803 
2,《 Android dispatchTouchEvent检测多点触摸事件是否落入在某一个View区域内》链接:https://blog.csdn.net/zhangphil/article/details/80067150 

相关文章
|
2月前
|
Android开发 开发者 索引
Android实战经验之如何使用DiffUtil提升RecyclerView的刷新性能
本文介绍如何使用 `DiffUtil` 实现 `RecyclerView` 数据集的高效更新,避免不必要的全局刷新,尤其适用于处理大量数据场景。通过定义 `DiffUtil.Callback`、计算差异并应用到适配器,可以显著提升性能。同时,文章还列举了常见错误及原因,帮助开发者避免陷阱。
102 9
|
2月前
|
存储 缓存 Android开发
Android RecyclerView 缓存机制深度解析与面试题
本文首发于公众号“AntDream”,详细解析了 `RecyclerView` 的缓存机制,包括多级缓存的原理与流程,并提供了常见面试题及答案。通过本文,你将深入了解 `RecyclerView` 的高性能秘诀,提升列表和网格的开发技能。
64 8
|
3月前
|
Android开发
Android使用ViewPager做无限轮播,人为滑动时停止
Android使用ViewPager做无限轮播,人为滑动时停止
54 2
|
3月前
|
存储 Android开发 开发者
Android项目架构设计问题之定义RecyclerView的ViewHolder如何解决
Android项目架构设计问题之定义RecyclerView的ViewHolder如何解决
40 0
|
3月前
|
数据可视化 Java 数据挖掘
Android项目架构设计问题之设置RecyclerView的LayoutManager如何解决
Android项目架构设计问题之设置RecyclerView的LayoutManager如何解决
32 0
|
5月前
|
API Android开发 开发者
`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView
【6月更文挑战第26天】`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView。它提供高效的数据视图复用,优化的布局管理,支持多种布局(如线性、网格),并解耦数据、适配器和视图。RecyclerView的灵活性、性能(如局部刷新和动画支持)和扩展性使其成为现代Android开发的首选,特别是在处理大规模数据集时。
60 2
|
4月前
|
Android开发
Android仿高德首页三段式滑动
Android仿高德首页三段式滑动
115 0
|
5月前
|
编解码 Android开发
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
70 0
|
5月前
|
XML Java Android开发
Android RecyclerView用代码动态设置item的selector
Android RecyclerView用代码动态设置item的selector
38 0
|
5月前
|
XML Android开发 UED