CirclePointMove

A simple ViewPager indicator.What can it do?Well,it can let the circle point move together with the move of viewpager move(support ViewPaper and ViewPaper2)

一个简单的Viewpager指示器，它能实现什么？它能使圆点跟随ViewPager移动(兼容Viewpager和Viewpager2)

• 新中文文档

• 中文文档

Picture

Usage

1.Add the JitPack repository to your build file

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

2.Add the dependency

dependencies {
    implementation 'com.github.Stars-One:CirclePointMove:2.1'
}

3.Add CirclePointMove to layout xml file

<com.wan.movecirclepoint.CirclePoint
        android:id="@+id/circlepoint"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:point_selected_color="@color/colorAccent"
        app:point_unselected_color="@color/colorPrimary"
        app:size="8dp" />

4. setup the circle point in your viewpaper or viewpaper2

val mCirclepoint = findViewById<View>(R.id.circlepoint) as CirclePoint

//call the extend method of ViewPager or ViewPager which named 'setupCirclePoint'
 mViewpager.setupCirclePoint(mCirclepoint)

//note the second param ,it is the same as the page count of your viewpaper2
vp2.setupCirclePoint(mCirclepoint2,6)

Old way:

//Old way For ViewPager
val mCirclepoint = findViewById<View>(R.id.circlepoint) as CirclePoint

mViewpager.addOnPageChangeListener(object : OnPageChangeListener {
    override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {
        //note this
        mCirclepoint.setonPageScrolled(position, positionOffset, positionOffsetPixels)
    }

    override fun onPageSelected(position: Int) {}
    override fun onPageScrollStateChanged(state: Int) {}
})


//Old way For ViewPager2:
val mCirclepoint = findViewById<View>(R.id.circlepoint) as CirclePoint

vp2.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
    override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {
        //note this
        mCirclepoint.setonPageScrolled(position, positionOffset, positionOffsetPixels)
    }
})

view properties

property	description	default
size	the size of showing circle point	8dp
point_unselected_color	the color of unselected circle point	0
point_selected_color	the color of selected circle	0
cout	the item of your viewpager	3