MagicIndicator系列之一 —— 使用MagicIndicator打造千变万化的ViewPager指示器

MagicIndicator是一个强大的指示器库，可以帮助我们轻松地实现各种样式的ViewPager指示器。本文将介绍如何使用MagicIndicator打造千变万化的ViewPager指示器。

1. 引入依赖库

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

dependencies {
    implementation 'com.github.hackware1993:MagicIndicator:1.7.0'
}

2. 在布局文件中添加MagicIndicator

我们可以在布局文件中添加一个MagicIndicator作为ViewPager的指示器，例如：

<com.github.chenglei1986.navigationbarlib.MagicIndicator
    android:id="@+id/magic_indicator"
    android:layout_width="match_parent"
    android:layout_height="48dp"/>

3. 创建ViewPager

我们需要创建一个ViewPager，并将其与MagicIndicator进行绑定。例如：

ViewPager viewPager = findViewById(R.id.view_pager);
viewPager.setAdapter(adapter);

MagicIndicator magicIndicator = findViewById(R.id.magic_indicator);
magicIndicator.setNavigator(navigator);
ViewPagerHelper.bind(magicIndicator, viewPager);

在上面的代码中，我们创建了一个ViewPager，并将其与适配器进行绑定。然后，我们创建了一个MagicIndicator，并将其与ViewPager进行绑定。我们还使用了ViewPagerHelper类来将MagicIndicator和ViewPager绑定在一起。

4. 创建导航器

导航器是用来控制ViewPager指示器的样式和行为的。我们可以使用CommonNavigator类来创建一个导航器，例如：

CommonNavigator navigator = new CommonNavigator(this);
navigator.setAdapter(new CommonNavigatorAdapter() {
    @Override
    public int getCount() {
        return titles.length;
    }

    @Override
    public IPagerTitleView getTitleView(Context context, int index) {
        ColorTransitionPagerTitleView titleView = new ColorTransitionPagerTitleView(context);
        titleView.setNormalColor(Color.GRAY);
        titleView.setSelectedColor(Color.WHITE);
        titleView.setText(titles[index]);
        titleView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewPager.setCurrentItem(index);
            }
        });
        return titleView;
    }

    @Override
    public IPagerIndicator getIndicator(Context context) {
        LinePagerIndicator indicator = new LinePagerIndicator(context);
        indicator.setColors(Color.WHITE);
        return indicator;
    }
});

在上面的代码中，我们创建了一个CommonNavigator，并设置了它的适配器。适配器中，我们需要实现getCount方法返回指示器的数量，getTitleView方法返回每个指示器的视图，getIndicator方法返回指示器的样式。

在本例中，我们使用ColorTransitionPagerTitleView来创建指示器的视图，它可以在切换选中状态时自动进行颜色过渡。我们还使用LinePagerIndicator来创建指示器的样式，它是一条横线，颜色为白色。

5. 运行程序

现在，我们已经完成了MagicIndicator的设置，可以运行程序并查看效果。您可以尝试更改导航器的样式，例如更改指示器的颜色、大小和形状等，以实现不同的效果。

总结

在本文中，我们介绍了如何使用MagicIndicator打造千变万化的ViewPager指示器。通过使用MagicIndicator，我们可以轻松地创建不同样式的ViewPager指示器，从而提高用户体验。