ViewPager2 在滑动时闪烁/重新加载

Question

我正在尝试使用新的 ViewPager2 构建一个 Android 应用程序。 我添加了两个 ViewPagers，由一个视图分隔，当你滑动时，两个 viewpagers 都应该移动。 两个视图寻呼机都在正确移动，但在完成手势后，滑动视图闪烁，非滑动视图重新加载，如附加的 gif 所示。 这是我的 Activity、ViewPagerAdapter 和 Fragment 代码。 任何帮助表示赞赏

    public class MainActivity extends FragmentActivity {

    ActivityMainBinding viewBinding;

    MyPager adapter1, adapter2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        viewBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        List<String> data = populateData();

        adapter1 = new MyPager(this, data);
        adapter2 = new MyPager(this, data);

        viewBinding.viewPager.setAdapter(adapter1);
        viewBinding.viewPager2.setAdapter(adapter2);

        viewBinding.viewPager2.setOffscreenPageLimit(data.size());
        viewBinding.viewPager.setOffscreenPageLimit(data.size());

        viewBinding.viewPager.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {

            @Override
            public void onPageScrolled(final int position, final float positionOffset, final int positionOffsetPixels) {
                viewBinding.viewPager2.scrollTo(positionOffsetPixels, 0);
            }

            @Override
            public void onPageScrollStateChanged(final int state) {
                viewBinding.viewPager2.setCurrentItem(viewBinding.viewPager.getCurrentItem(), true);
            }
        });
        viewBinding.viewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {

            @Override
            public void onPageScrolled(final int position, final float positionOffset, final int positionOffsetPixels) {
                viewBinding.viewPager.scrollTo(positionOffsetPixels, 0);
            }

            @Override
            public void onPageScrollStateChanged(final int state) {
                viewBinding.viewPager.setCurrentItem(viewBinding.viewPager2.getCurrentItem(), true);
            }
        });

    }
    private List<String> populateData() {
        List<String> data = new ArrayList<>();
        for (int x = 0; x < 10; x++) {
            String derril = "derril " + x;
            data.add(derril);
        }
        return data;
    }
}

public class MyPager extends FragmentStateAdapter {

    List<String> data;

    public MyPager(@NonNull FragmentActivity fragmentActivity, List<String> data) {
        super(fragmentActivity);
        this.data = data;
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        return DerrilFragment.newInstance(data.get(position));
    }

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

public class DerrilFragment extends Fragment {

    PizzaBinding viewBinding;

    String data;

    private DerrilFragment(String data) {
        this.data = data;
    }

    public static DerrilFragment newInstance(String data) {
        return new DerrilFragment(data);
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        viewBinding = DataBindingUtil.inflate(inflater, R.layout.pizza, container, false);

        viewBinding.text.setText(data);

        return viewBinding.getRoot();

    }
}

Answer 1

您可以通过RecyclerView实现。

class MainActivity : AppCompatActivity() {
    private var isFirstFocused = false

    private val helper: SnapHelper = LinearSnapHelper()
    private val helper2: SnapHelper = LinearSnapHelper()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        recycler1.addOnScrollListener(object : RecyclerView.OnScrollListener() {
            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
                super.onScrolled(recyclerView, dx, dy)
                if (isFirstFocused) recycler2.scrollBy(dx, dy)
            }
        })
        recycler2.addOnScrollListener(object : RecyclerView.OnScrollListener() {
            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
                super.onScrolled(recyclerView, dx, dy)
                if (!isFirstFocused) recycler1.scrollBy(dx, dy)
            }
        })
        recycler2.setOnTouchListener { v, event ->
            if (event.action  != null && event.action == MotionEvent.ACTION_DOWN ) {
                isFirstFocused = false
                return@setOnTouchListener  true
            }
            return@setOnTouchListener false
        }
        recycler1.setOnTouchListener { v, event ->
            if (event.action  != null && event.action == MotionEvent.ACTION_DOWN ) {
                isFirstFocused = true
                return@setOnTouchListener  true
            }
            return@setOnTouchListener false
        }
        helper.attachToRecyclerView(recycler1)
        helper2.attachToRecyclerView(recycler2)
        val manager = LinearLayoutManager(this, RecyclerView.HORIZONTAL, false)
        val manager2 = LinearLayoutManager(this, RecyclerView.HORIZONTAL, false)
        recycler1.layoutManager = manager
        recycler2.layoutManager = manager2
        recycler2.adapter = Adapter(items)
        recycler1.adapter = Adapter(items)
    }

    private val items = listOf("One", "Two", "Three")

}

class Adapter(val list: List<String>) : RecyclerView.Adapter<Adapter.Holder>() {
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): Holder {
        val view = LayoutInflater.from(parent.context).inflate(
            R.layout.activity_listview,
            parent,
            false
        )
        return Holder(view)
    }

    override fun onBindViewHolder(holder: Holder, position: Int) {
        holder.itemView.text_view.text = list[position]
    }

    override fun getItemCount() = list.size

    class Holder(view: View) : RecyclerView.ViewHolder(view)
}

Answer 2

您可以尝试使用adapter.setOffscreenPageLimit = n 。 它设置应保留在当前可见页面任一侧的页面数。 如果您的页面数量有限，则会在需要时从适配器重新创建超出此限制的页面。 更多细节在这里。

Answer 3

在您的setCurrentItem()用法中（在onPageScrollStateChanged() ），将第二个参数设置为false

当您以编程方式设置页面时，这将禁用 ViewPager 中的动画（非永久），这就是您看到类似 flash 的动画的原因。

---

要知道为什么：

考虑两个 ViewPagers A & B

您在A 中从一页滚动到另一页，这会在ViewPager B 中引起相同的滚动。 一旦您完全从A 中的一页滚动到另一页， currentItem由 A 在内部设置，但不是 B 。

现在，您通过调用setCurrentItem([index], true)通知 B 有关页面更改的信息，无论您的滚动如何，都会为页面更改设置动画并引入闪光（您的诱导滚动重置为正常，页面动画为一页到另一个开始）

Answer 4

这看起来有点可疑，您在onPageScrollStateChanged为每个传递的state调用setCurrentItem ...尝试仅在state==ViewPager2.SCROLL_STATE_IDLE时添加一些if和setCurrentItem

状态列表：

• ViewPager2.SCROLL_STATE_IDLE
• ViewPager2.SCROLL_STATE_DRAGGING
• ViewPager2.SCROLL_STATE_SETTLING

ViewPager2.SCROLL_STATE_DRAGGING状态在onPageScrolled方法中处理（共享位置偏移也就是手指拖动）

ViewPager2.SCROLL_STATE_SETTLING是自动滚屏（SNAP） ViewPager2到最接近的页面-在这里我不是说舒尔ViewPager2拖“的代码”（与共享位置scrollTo ）也将在此进入state导致相同的捕捉行为（所以也onPageScrolled ?) ... 值得测试，把一些日志放在那里

另外：您正在拖动一个ViewPager2并且在onPageScrolled您正在第二个ViewPager2上调用scrollTo 。 这可能会导致在第二个侦听器上调用onPageScrolled调用，它正在调用第一个ViewPager2 scrollTo方法等等......循环。 当用户开始拖动一个ViewPager2并在移动结束时重新注册（ SCROLL_STATE_IDLE state ）时，考虑动态注销侦听器

Answer 5

我认为问题在于，在两个 ViewPagers 的“ onPageScrolled ”方法中，您正在滚动其他寻呼机。 因此，两个页面可能会同时相互滚动。 例如，如果您正在滚动 ViewPager_1，那么它的onPageScrolled方法将滚动 ViewPager_2，并且当 ViewPager_2 现在滚动时，它的 onPageScrolled 方法将被调用，这将滚动 ViewPager_1，反之亦然。 因此，您可能需要考虑应用检查，如果触摸保持在ViewPager_1 上，则不应执行ViewPager_2 的 onPageScrolled方法中的代码。 或者，如果您想避免这些检查。 然后registerOnPageChangeCallback / unregisterOnPageChangeCallback其他 ViewPager 的监听器，当一个人按住时。

            @Override
            public void onPageScrolled(final int position, final float positionOffset, final int positionOffsetPixels) {
                viewBinding.viewPager.scrollTo(positionOffsetPixels, 0);
            }