Android兩條并排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