两个 RecyclerView 在程序滚动期间不同步答案

【问题标题】：Two RecyclerViews desynchronizes during programm scrolling两个 RecyclerView 在程序滚动期间不同步
【发布时间】：2018-02-15 12:31:20
【问题描述】：

我的屏幕上有两个 RecyclerView。而且我需要以编程方式在相同的距离上同时滚动两者。但如果我做得很快 - RecyclerViews 会去同步。

在此源代码中，您应该快速单击右上角的按钮并看到结果。

这是 Activity，其中创建了滚动列表的按钮侦听器：

public class MainActivity extends AppCompatActivity {
private RecyclerView recyclerView1;
private RecyclerView recyclerView2;
private Adapter adapter1;
private Adapter adapter2;

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

    recyclerView1 = findViewById(R.id.recycler_view1);
    recyclerView2 = findViewById(R.id.recycler_view2);

    adapter1 = new Adapter();
    recyclerView1.setLayoutManager(new LinearLayoutManager(this));
    recyclerView1.setAdapter(adapter1);

    adapter2 = new Adapter();
    recyclerView2.setLayoutManager(new LinearLayoutManager(this));
    recyclerView2.setAdapter(adapter2);

    findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            recyclerView1.smoothScrollBy(0, 400);
            recyclerView2.smoothScrollBy(0, 400);
        }
    });
}
}

列表适配器：

public class Adapter extends RecyclerView.Adapter<Adapter.Holder>{

private boolean changeHeight = false;

@Override
public Holder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);
    return new Holder(view);
}

@Override
public void onBindViewHolder(Holder holder, int position) {
    holder.setContent(String.valueOf(position), position % 2 == 0 ? R.color.colorPrimary : R.color.colorAccent);
    if (changeHeight && position == 3) holder.changeHeight();
}

@Override
public int getItemCount() {
    return 100;
}

class Holder extends RecyclerView.ViewHolder {

    private View view;
    private TextView textView;

    public Holder(View itemView) {
        super(itemView);
        view = itemView;
        textView = itemView.findViewById(R.id.text_view);
    }

    public void setContent(String text, int colorRes) {
        textView.setText(text);
        textView.setBackgroundResource(colorRes);
    }

    public void changeHeight() {
        ViewGroup.LayoutParams params = view.getLayoutParams();
        params.height = view.getHeight() * 2;
        view.setLayoutParams(params);
    }
}
}

这是 Activity 的 activity_main.xml 布局

<?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.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view1"
    android:layout_width="0dp"
    android:layout_weight="0.5"
    android:layout_height="match_parent"/>

<android.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view2"
    android:layout_width="0dp"
    android:layout_weight="0.5"
    android:layout_height="match_parent"/>

<Button
    android:id="@+id/button"
    android:layout_width="100dp"
    android:layout_height="100dp"/>

</LinearLayout>

RecyclerView item.xml 的项目

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

<TextView
    android:id="@+id/text_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"/>

</RelativeLayout>

【问题讨论】：

您是否需要回收站始终或仅在按下按钮后才能拥有相同的滚动？是否应该禁用用户触摸滚动？
@Pawel 为了简化用户触摸滚动被禁用。所以即使在按钮按下列表之后也应该同步。
垂直 GridLayoutManager 使用 2 列不满足您的要求吗？
如果在动画进行中调用smoothScrolling，则有可能前一个没有停止在另一个相同的状态，因此会导致不同步，您必须等待滚动在再次调用之前完成
@Pawel 不。我有更复杂的情况，但这是一个简单的例子。

标签： android scroll android-recyclerview synchronization programmatically

【解决方案1】：

粗略的解决方案是将第一个回收器的滚动复制到第二个：

    recyclerView1.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            recyclerView2.scrollBy(dx, dy);
        }
    });

然后进行仅平滑滚动recyclerView1。

【讨论】：