如何实现Android ViewPager的左右无限滑动效果？

Android使用ViewPager实现左右无限滑动

在Android应用程序开发中，ViewPager是一个常用的组件，用于实现页面的滑动切换，默认情况下，ViewPager是有边界的，当滑动到第一个或最后一个页面时，它不会继续循环滑动，本文将介绍如何通过自定义ViewPager来实现左右无限滑动的效果。

一、环境准备

在开始之前，确保你已经安装了Android Studio并创建了一个新的项目，我们将在这个项目中添加必要的依赖和布局文件。

1 创建新项目

打开Android Studio，选择“Start a new Android Studio project”，然后按照提示完成项目的创建。

2 添加依赖

在你的build.gradle文件中添加以下依赖：

dependencies {
    implementation 'androidx.appcompat:appcompat:1.3.0'
    implementation 'androidx.viewpager2:viewpager2:1.0.0'
}

这些依赖将提供我们需要的ViewPager2和其他相关功能。

3 创建布局文件

在res/layout目录下创建一个名为activity_main.xml的布局文件，并添加一个ViewPager2控件：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewPager"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

二、实现无限滑动的ViewPager

为了实现无限滑动的效果，我们需要自定义一个适配器，并在适配器中处理页面的循环显示。

1 创建适配器类

在src/main/java目录下创建一个新的Java类，命名为InfiniteViewPagerAdapter，继承自FragmentStateAdapter：

package com.example.infiniteviewpager;
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;
import java.util.List;
public class InfiniteViewPagerAdapter extends FragmentStateAdapter {
    private final List<Fragment> fragmentList;
    private final int[] infiniteIndices;
    public InfiniteViewPagerAdapter(@NonNull FragmentActivity fragmentActivity, @NonNull List<Fragment> fragmentList) {
        super(fragmentActivity);
        this.fragmentList = fragmentList;
        this.infiniteIndices = new int[fragmentList.size() * 2]; // 双倍大小以实现循环
        for (int i = 0; i < fragmentList.size(); i++) {
            infiniteIndices[i] = i;
            infiniteIndices[fragmentList.size() + i] = i; // 复制一份以实现循环
        }
    }
    @NonNull
    @Override
    public Fragment createFragment(int position) {
        return fragmentList.get(infiniteIndices[position % infiniteIndices.length]);
    }
    @Override
    public int getItemCount() {
        return Integer.MAX_VALUE; // 设置无限大的数量
    }
}

这个适配器将根据传入的Fragment列表创建一个无限循环的列表，通过复制原始列表并连接起来，我们实现了循环效果，我们重写了getItemCount方法，返回一个非常大的数字，以表示无限数量的页面。

2 设置适配器给ViewPager2

在你的主Activity中，设置适配器给ViewPager2：

package com.example.infiniteviewpager;
import android.os.Bundle;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentStatePagerAdapter;
import androidx.viewpager2.widget.ViewPager2;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
    private ViewPager2 viewPager;
    private InfiniteViewPagerAdapter adapter;
    private List<Fragment> fragmentList;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager = findViewById(R.id.viewPager);
        fragmentList = new ArrayList<>();
        fragmentList.add(new SampleFragment()); // 添加你的Fragment实例
        fragmentList.add(new SampleFragment()); // 添加更多的Fragment实例
        fragmentList.add(new SampleFragment()); // 根据需要添加更多实例
        adapter = new InfiniteViewPagerAdapter(this, fragmentList);
        viewPager.setAdapter(adapter);
    }
}

在上面的代码中，我们创建了一个fragmentList并添加了一些示例Fragment，我们将这个列表传递给自定义的InfiniteViewPagerAdapter，并将适配器设置给ViewPager2，这样，我们就实现了左右无限滑动的效果。