Android实战之如何快速实现自动轮播图

本文首发于公众号“AntDream”，欢迎微信搜索“AntDream”或扫描文章底部二维码关注，和我一起每天进步一点点

在 Android 中，实现轮播图的常用方法有多种，下面介绍一种常用的方法。

使用 ViewPager 和 PagerAdapter

ViewPager 是 Android 的一个组件，用于管理一组视图之间的滑动。用它配合 PagerAdapter 可以实现轮播图功能。

实现步骤：

1. 添加依赖

确保你在 build.gradle 文件中有以下依赖：

implementation 'androidx.viewpager2:viewpager2:1.0.0'

1. 添加布局

在布局文件中添加 ViewPager2：

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="200dp" />

1. 创建适配器

创建一个 RecyclerView.Adapter 实现类以适配 ViewPager2：

public class ImageSliderAdapter extends RecyclerView.Adapter<ImageSliderAdapter.SliderViewHolder> {
   

    private List<Integer> sliderItems;

    public ImageSliderAdapter(List<Integer> sliderItems) {
   
        this.sliderItems = sliderItems;
    }

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

    @Override
    public void onBindViewHolder(@NonNull SliderViewHolder holder, int position) {
   
        holder.bind(sliderItems.get(position));
    }

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

    static class SliderViewHolder extends RecyclerView.ViewHolder {
   
        private ImageView imageView;

        SliderViewHolder(@NonNull View itemView) {
   
            super(itemView);
            imageView = itemView.findViewById(R.id.imageView);
        }

        void bind(int imageResource) {
   
            imageView.setImageResource(imageResource);
        }
    }
}

1. 布局资源文件 (slider_item.xml)

创建一个用于显示图像的布局文件：

<ImageView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/imageView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"/>

1. 初始化 ViewPager2 和适配器

在 Activity 或 Fragment 中初始化 ViewPager2 和适配器：

List<Integer> sliderItems = Arrays.asList(
    R.drawable.image1,
    R.drawable.image2,
    R.drawable.image3
);

ViewPager2 viewPager2 = findViewById(R.id.viewPager);
ImageSliderAdapter adapter = new ImageSliderAdapter(sliderItems);
viewPager2.setAdapter(adapter);

1. 实现自动轮播

可以使用 Handler 或 Timer 来实现自动轮播：

final Handler handler = new Handler();
Runnable runnable = new Runnable() {
   
    int currentPosition = 0;
    @Override
    public void run() {
   
        if (currentPosition == adapter.getItemCount())
            currentPosition = 0;
        viewPager2.setCurrentItem(currentPosition++, true);
        handler.postDelayed(this, 3000); // 轮播间隔时间3秒
    }
};
handler.postDelayed(runnable, 3000);