Android viewpager轮播图

原创

mob649e81673fa5 2023-07-16 14:33:44 ©著作权

文章标签 List ide 轮播图 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e81673fa5的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android ViewPager轮播图

简介

ViewPager是Android中常用的控件之一，用于实现多页面切换效果。轮播图是指在多个页面中循环播放图片或内容的效果。在本文中，我们将介绍如何使用ViewPager来实现一个简单的轮播图效果。

实现步骤

步骤一：添加ViewPager和指示器

首先，在布局文件中添加一个ViewPager和一个指示器。ViewPager用于显示图片，指示器用于显示当前页面的位置。

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

<LinearLayout
    android:id="@+id/indicatorLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal" />

步骤二：准备数据源

接下来，我们需要准备一个图片列表作为ViewPager的数据源。

List<Integer> imageList = new ArrayList<>();
imageList.add(R.drawable.image1);
imageList.add(R.drawable.image2);
imageList.add(R.drawable.image3);

步骤三：实现PagerAdapter

创建一个PagerAdapter的子类，用于提供ViewPager的页面内容。

public class ImagePagerAdapter extends PagerAdapter {

    private List<Integer> imageList;

    public ImagePagerAdapter(List<Integer> imageList) {
        this.imageList = imageList;
    }

    @Override
    public int getCount() {
        return imageList.size();
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        ImageView imageView = new ImageView(container.getContext());
        imageView.setImageResource(imageList.get(position));
        container.addView(imageView);
        return imageView;
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView((View) object);
    }
}

步骤四：设置PagerAdapter和指示器

在Activity或Fragment中，设置PagerAdapter和指示器。

ViewPager viewPager = findViewById(R.id.viewPager);
LinearLayout indicatorLayout = findViewById(R.id.indicatorLayout);

ImagePagerAdapter adapter = new ImagePagerAdapter(imageList);
viewPager.setAdapter(adapter);

for (int i = 0; i < imageList.size(); i++) {
    ImageView indicator = new ImageView(this);
    indicator.setImageResource(R.drawable.indicator_normal);
    indicatorLayout.addView(indicator);
}

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    }

    @Override
    public void onPageSelected(int position) {
        for (int i = 0; i < imageList.size(); i++) {
            ImageView indicator = (ImageView) indicatorLayout.getChildAt(i);
            if (i == position) {
                indicator.setImageResource(R.drawable.indicator_selected);
            } else {
                indicator.setImageResource(R.drawable.indicator_normal);
            }
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {
    }
});