跳转至

指示器

指示器默认会以 圆点 形式显示你当前所在的页面。

Vp2IndicatorView

快速使用

Version 0.2.0

<com.ave.vastgui.tools.view.vp2indicator.Vp2IndicatorView
    android:id="@+id/vp2indicator"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="20dp"
    app:indicator_item_count="3" />
AndroidView(factory = { ctx ->
    Vp2IndicatorView(ctx).apply {
        setIndicatorItemCount(5)
        setIndicatorCircleRadius(20f)
    }
})

查看默认样式

附加到 ViewPager2

Version 0.2.0

调用 attachToViewPager2 ,你可以将指示器附加到 ViewPager2 上。

attachToViewPager2

该方法被调用后将不再允许手动设置指示器数量和当前被选中的指示器。

mBinding.vp2indicator.attachToViewPager2(mBinding.vp2)

设置圆点指示器半径

Version 0.2.0

调用 setIndicatorCircleRadius 设置圆形指示器半径。

mBinding.vp2indicator.setIndicatorCircleRadius(8F.DP)

默认指示器大小

修改指示器大小

设置圆点指示器颜色

Version 0.2.0

调用 setSelectedColorsetUnSelectedColor 来修改指示器选中和未选中状态颜色。

mBinding.vp2indicator.apply {
    setSelectedColor(R.color.tomato)
    setUnSelectedColor(R.color.limegreen)
    ... // 其他设置
}

修改指示器颜色

设置指示器间距

Version 0.2.0

调用 setIndicatorItemDistance 来修改指示器间距。

mBinding.vp2indicator.setIndicatorItemDistance(10F.DP)

设置指示器类型

Version 0.5.0

调用 setIndicatorStyle 来设置指示器类型,目前支持两种

  • CIRCLE:默认的圆形指示器
  • BITMAP:指定对应的Bitmap为指示器形状

设置 Bitmap 作为指示器

Version 0.5.0

下面的示例为你展示了如何设置三角形 bitmap 为指示器。

mBinding.vp2indicator.apply {
    setIndicatorStyle(Vp2IndicatorType.BITMAP)
    setBitmapSize(20f.DP.toInt(),20f.DP.toInt())
    setSelectedBitmap(R.drawable.ic_indicator_select)
    setUnSelectedBitmap(R.drawable.ic_indicator_unselect)
    ... // 其他设置
}

修改指示器为bitmap

示例代码

查看示例代码