在适配器中的多个RecyclerView上同步滚动

Question

我想在垂直的 RecyclerView 中实现水平的 RecyclerView。

最终结果应该是这样的：

因此，对于垂直 RecyclerView 中的每个元素，我需要另一个水平方向的元素。有点像学校的时间表，日期在左边，实际时间表在右边，可以水平滚动。

我通过将 RecyclerView 放入第一个 RecyclerView 项目中，成功实现了这一点。一切都很完美，但所有水平的 RecyclerView 都是单独滚动的。我想做的是让所有水平的 RecyclerView 同时同步和滚动。我怎样才能实现这个目标？

我在垂直适配器的onBindViewHolder方法内设置适配器和水平RecyclerView的方式是这样的：

scheduleAdapter = new ScheduleAdapter(context, data);
holder.scheduleRecyclerView.setAdapter(scheduleAdapter);
holder.scheduleRecyclerView.setLayoutManager(new LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false));

Answer 1

每个回收器视图应添加以下

scroll listener

。

m_jParentRecyclerViewLayoutManager

是父 RecyclerView，其项目具有 recyclerview。

RecyclerView.OnScrollListener scrollListener = new RecyclerView.OnScrollListener {

    @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);

            scrollAllRecyclerView(recyclerView, dx, dy);
        }

        private void scrollAllRecyclerView(RecyclerView recyclerView, int dx, int dy) {

                // Scroll children RecyclerViews except the recyclerView that is listened.
                for (int i = 0; i < m_jParentRecyclerViewLayoutManager.getChildCount(); i++) {
                    RecyclerView child = (RecyclerView) m_jParentRecyclerViewLayoutManager.getChildAt(i);
                    if (child != recyclerView) {
                        scroll(child, dx, dy);
                    }
                }
            }
        }

        private void scroll(RecyclerView recyclerView, int dx, int dy) {
            recyclerView.removeOnScrollListener(this);
            recyclerView.scrollBy(dx, dy);
            recyclerView.addOnScrollListener(this);
        }

编辑：在您的父回收器视图适配器中。

 @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            RecyclerView recyclerView = new RecyclerView(mContext);
            .. set layout manager & your adapter .

            if (scrollListener != null) {
                recyclerView.removeOnScrollListener(scrollListener );
                recyclerView.addOnScrollListener(scrollListener );
            }
            return new RecyclerViewViewHolder(recyclerView);
        }

编辑2：有一个表视图库可以同步滚动所有子回收器视图。 你可以查看源代码

Answer 2

在MainActivity中有recyclerView垂直：

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        verticalRecyclerView.layoutManager = LinearLayoutManager(this)

        val onScrollListener = object: RecyclerView.OnScrollListener() {
            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
                super.onScrolled(recyclerView, dx, dy)
                (recyclerView.adapter as? Adapter)?.matchOffset()
            }
        }

        verticalRecyclerView.addOnScrollListener(onScrollListener)
        verticalRecyclerView.adapter = Adapter(verticalRecyclerView)
    }
}

在适配器中有列表 recyclerView 水平：

class Adapter(private val parentRV: RecyclerView): RecyclerView.Adapter<CustomViewHolder>() {

    var horizontalRecyclerViews = mutableListOf<RecyclerView>()
    var absoluteOffset: Int? = null
    //numberOfItems
    override fun getItemCount(): Int {
        return 25
    }

    fun matchOffset(offset: Int? = absoluteOffset) {
        offset?.let { offsetValue ->
            horizontalRecyclerViews.forEach { recyclerView ->
                val currentOffset = recyclerView.computeHorizontalScrollOffset()
                if (offsetValue != currentOffset) {
                    recyclerView.scrollBy(offsetValue-currentOffset, 0)
                }
            }
        }
    }


    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CustomViewHolder {
        val layoutInflator = LayoutInflater.from(parent.context)
        val cellForRow = layoutInflator.inflate(R.layout.item_recycler_view, parent, false)
        return  CustomViewHolder(cellForRow)
    }

    override fun onBindViewHolder(holder: CustomViewHolder, position: Int) {
        holder.view.horizontalRecyclerView.layoutManager = LinearLayoutManager(holder.view.context, LinearLayoutManager.HORIZONTAL, false)

        val onTouchListener = object: RecyclerView.OnItemTouchListener {
            override fun onTouchEvent(p0: RecyclerView, p1: MotionEvent) {
            }
            override fun onInterceptTouchEvent(p0: RecyclerView, p1: MotionEvent): Boolean {
                if (p1.action == MotionEvent.ACTION_UP) {
                    absoluteOffset = p0.computeHorizontalScrollOffset()
                    return true
                }
                return false
            }
            override fun onRequestDisallowInterceptTouchEvent(p0: Boolean) {
            }
        }

        val onScrollListener = object: RecyclerView.OnScrollListener() {
            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
                super.onScrolled(recyclerView, dx, dy)
                val value = recyclerView.computeHorizontalScrollOffset()
                matchOffset(value)
            }
        }


        val child = BlockAdapter()
        holder.view.horizontalRecyclerView.tag = position
        holder.view.horizontalRecyclerView.clearOnScrollListeners()
        holder.view.horizontalRecyclerView.addOnItemTouchListener(onTouchListener)
        holder.view.horizontalRecyclerView.addOnScrollListener(onScrollListener)
        holder.view.horizontalRecyclerView.adapter = child
        horizontalRecyclerViews.add(holder.view.horizontalRecyclerView)
    }
}

class BlockAdapter(): RecyclerView.Adapter<CustomViewHolder>() {

    //numberOfItems
    override fun getItemCount(): Int {
        return 30
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CustomViewHolder {
        val layoutInflator = LayoutInflater.from(parent.context)
        val cellForRow = layoutInflator.inflate(R.layout.item_block, parent, false)
        return  CustomViewHolder(cellForRow)
    }

    override fun onBindViewHolder(holder: CustomViewHolder, position: Int) {
        holder.view.block.setBackgroundColor(
                if (position % 2 == 0) {
                    Color.BLUE
                } else {
                    Color.RED
                }
        )
        holder.view.block.setTextColor(Color.WHITE)
        holder.view.block.text = position.toString()
    }
}

class CustomViewHolder(val view: View): RecyclerView.ViewHolder(view) {

    init {
    }

}