ViewPager中添加指示器

# 1. 简介
1.1 ViewPager简介
1.2 指示器的作用及应用场景
## 实现ViewPager

在本章节中，我们将介绍如何实现ViewPager的基本功能，并为其添加页面切换动画。接下来，让我们逐步深入了解这些内容。

### 2.1 创建ViewPager布局

首先，我们需要在布局文件中定义ViewPager控件，以便在界面中展示多个页面。以下是一个简单的布局示例：

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

### 2.2 设置ViewPager的适配器及数据源

接下来，我们需要创建适配器(Adapter)来为ViewPager提供数据，并为ViewPager设置数据源。以下是一个简单的适配器示例：

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 boolean isViewFromObject(View view, Object object) {
        return view == object;
    }

    @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));
    }
}

// 在Activity或Fragment中设置适配器及数据源
ViewPager viewPager = findViewById(R.id.viewPager);
List<View> views = new ArrayList<>();
// 添加页面视图到views中
MyPagerAdapter adapter = new MyPagerAdapter(views);
viewPager.setAdapter(adapter);

### 2.3 添加页面切换动画

为了增强用户体验，我们可以为ViewPager添加页面切换动画。以下是一个简单的切换动画示例：

viewPager.setPageTransformer(true, new DepthPageTransformer());

### 3. 添加指示器

在ViewPager中添加指示器可以更直观地显示当前显示的页面位置，提升用户体验。本章将介绍如何在ViewPager中添加指示器，并实现与页面的联动效果。

#### 3.1 使用TabLayout作为指示器

Android支持多种指示器库，其中一个常用的库是TabLayout。TabLayout是一个水平布局的选项卡指示器，可以实现在ViewPager中展示页面标题，并响应点击事件。下面我们将通过使用TabLayout作为指示器的示例来介绍具体操作。

首先，在布局文件中添加TabLayout组件：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/white"
    app:tabGravity="fill"
    app:tabMode="fixed" />

然后，将TabLayout与ViewPager进行绑定：

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

#### 3.2 自定义指示器样式

TabLayout提供了一些默认的指示器样式，但我们也可以根据实际需求进行样式的自定义。例如，修改指示器的颜色、字体大小等。下面是一些常见的自定义操作示例：

// 修改指示器颜色