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

本文介绍了一种改进的Android双RecyclerView实时联动滑动方案。通过拦截处理触摸事件避免了多点触摸时的异常行为,并解决了循环嵌套滚动问题,确保了用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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.youkuaiyun.com/zhangphil/article/details/79925803 
2,《 Android dispatchTouchEvent检测多点触摸事件是否落入在某一个View区域内》链接:https://blog.youkuaiyun.com/zhangphil/article/details/80067150 

Android RecyclerView 是一个非常强大的控件,用于显示列表、网格等数据布局。如果你想让图片并排在一起展示,你可以通过创建一个自定义的 `RecyclerView` 的 `Adapter` 来实现。以下是基本步骤: 1. **创建视图持有者(ViewHolder)**: 首先,你需要创建一个 ViewHolder 类,它包含每个单元格(item)所需的 View,比如两个 ImageView 用于存放图片。在 onCreateViewHolder 方法中初始化这些 Views。 ```java public class ImageViewHolder extends RecyclerView.ViewHolder { private ImageView imageView1; private ImageView imageView2; public ImageViewHolder(View itemView) { super(itemView); imageView1 = itemView.findViewById(R.id.imageView1); imageView2 = itemView.findViewById(R.id.imageView2); } } ``` 2. **设置布局管理器(LayoutManager)**: 使用 `GridLayoutManager` 或者 `LinearLayoutManager` 并指定列数(如果需要两行两列),以便图片并排排列。 ```java GridLayoutManager layoutManager = new GridLayoutManager(context, 2); recyclerView.setLayoutManager(layoutManager); ``` 3. **适配器(Adapter)实现**: 在 Adapter 中,你需要覆写 onCreateViewHolder 和 onBindViewHolder 方法。在 onBindViewHolder 中,将数据绑定到对应的图片上。 ```java @Override public void onBindViewHolder(ImageViewHolder holder, int position) { // 获取当前 item 数据,假设是 List<YourDataModel> YourDataModel model = dataList.get(position); holder.imageView1.setImageResource(model.getImage1()); holder.imageView2.setImageResource(model.getImage2()); } ``` 4. **准备数据模型(YourDataModel)**: 创建一个 DataModel 类,其中包含两个图片 URL 或资源 ID。 5. **设置 adapter**: 最后,在主 Activity 或 Fragment 中,将自定义的 Adapter 设置到 RecyclerView 上。 ```java adapter = new MyCustomAdapter(dataList); recyclerView.setAdapter(adapter); ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zhangphil

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值