ViewPager

概述

ViewPager是Android平台上的一个控件，可用于实现页面之间的滑动切换。它常用于展示多个页面，并通过左右滑动屏幕来切换页面内容。ViewPager可以和TabLayout等其他控件配合使用，提供更好的用户体验。

特点

• 支持水平滑动切换多个页面
• 可以自定义页面切换动画
• 可以设置预加载页面的数量，提高页面切换的流畅度
• 可以与Fragment结合使用，每个页面都可以是一个独立的Fragment
• 提供了监听页面切换的回调方法

使用步骤

1. 在XML布局文件中定义ViewPager：

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

2. 创建PagerAdapter类，继承自androidx.viewpager.widget.PagerAdapter，并重写以下方法：
   • getCount()：返回ViewPager中页面的数量
   • instantiateItem()：创建新的页面并添加到ViewPager中
   • destroyItem()：从ViewPager中移除指定位置的页面
   • isViewFromObject()：判断页面是否来自指定的对象

public class MyPagerAdapter extends PagerAdapter {
    private List<View> views;

    public MyPagerAdapter(List<View> views) {
        this.views = views;
    }

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

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View view = views.get(position);
        container.addView(view);
        return view;
    }

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

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

3. 在Activity或Fragment中初始化ViewPager，并设置PagerAdapter：

ViewPager viewPager = findViewById(R.id.viewPager);
List<View> views = new ArrayList<>(); // 添加需要显示的页面
MyPagerAdapter pagerAdapter = new MyPagerAdapter(views);
viewPager.setAdapter(pagerAdapter);

4. 可选：设置页面切换动画和页面预加载数量等属性：

viewPager.setPageTransformer(true, new ZoomOutPageTransformer()); // 设置页面切换动画
viewPager.setOffscreenPageLimit(3); // 设置预加载页面的数量为3

页面切换监听

可以为ViewPager设置页面切换的监听器，以便在页面切换时做出响应：

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        // 页面滚动时的回调
    }

    @Override
    public void onPageSelected(int position) {
        // 页面切换完成时的回调
    }

    @Override
    public void onPageScrollStateChanged(int state) {
        // 页面滚动状态改变时的回调
    }
});

结合TabLayout使用

TabLayout是一个常用于显示标签页的控件，可以和ViewPager结合使用，实现Tab切换时自动切换相应的页面。在布局文件中添加TabLayout：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

在代码中将TabLayout与ViewPager绑定：

TabLayout tabLayout = findViewById(R.id.tabLayout);
tabLayout.setupWithViewPager(viewPager);

参考链接

• ViewPager 官方文档
• ViewPager Android Developers 文档