CircleIndicator
ongakuer
3387
Visit GitHub Repo
View Pagers

CircleIndicator

A lightweight indicator like in nexus 5 launcher

Download

CircleIndicator

Gradle

AndroidX
dependencies {
    implementation 'me.relex:circleindicator:2.1.2'
}
Android Support Library
dependencies {
    implementation 'me.relex:circleindicator:1.2.2'
}

Usage

ViewPager
<me.relex.circleindicator.CircleIndicator
	android:id="@+id/indicator"
	android:layout_width="match_parent"
	android:layout_height="48dp"/>
ViewPager viewpager = (ViewPager) view.findViewById(R.id.viewpager);
viewpager.setAdapter(adapter);

CircleIndicator indicator = (CircleIndicator) view.findViewById(R.id.indicator);
indicator.setViewPager(viewpager);

// optional
adapter.registerDataSetObserver(indicator.getDataSetObserver());
RecyclerView
<me.relex.circleindicator.CircleIndicator2
	android:id="@+id/indicator"
	android:layout_width="match_parent"
	android:layout_height="48dp"/>
RecyclerView recyclerView = view.findViewById(R.id.recycler_view);
recyclerView.setLayoutManager(layoutManager);
recyclerView.setAdapter(adapter);

PagerSnapHelper pagerSnapHelper = new PagerSnapHelper();
pagerSnapHelper.attachToRecyclerView(recyclerView);

CircleIndicator2 indicator = view.findViewById(R.id.indicator);
indicator.attachToRecyclerView(recyclerView, pagerSnapHelper);

// optional
adapter.registerAdapterDataObserver(indicator.getAdapterDataObserver());
ViewPager2
<me.relex.circleindicator.CircleIndicator3
	android:id="@+id/indicator"
	android:layout_width="match_parent"
	android:layout_height="48dp"/>
ViewPager2 viewpager = view.findViewById(R.id.viewpager);
viewpager.setAdapter(mAdapter);

CircleIndicator3 indicator = view.findViewById(R.id.indicator);
indicator.setViewPager(viewpager);

// optional
adapter.registerAdapterDataObserver(indicator.getAdapterDataObserver());
Properties:
  • app:ci_width
  • app:ci_height
  • app:ci_margin
  • app:ci_drawable
  • app:ci_drawable_unselected
  • app:ci_animator
  • app:ci_animator_reverse
  • app:ci_orientation (default:horizontal)
  • app:ci_gravity (default:center)

Become Pro in Android by watching videos

OUR LEARNERS WORK AT