A lightweight indicator like in nexus 5 launcher
![Maven Central](https://camo.githubusercontent.com/97a958fe610b19dfb7153b1541c1dd11a82a365da63170a1f5fac1a0ce66f886/68747470733a2f2f6d6176656e2d6261646765732e6865726f6b756170702e636f6d2f6d6176656e2d63656e7472616c2f6d652e72656c65782f636972636c65696e64696361746f722f62616467652e737667)
![](/screenshot.gif)
dependencies {
implementation 'me.relex:circleindicator:2.1.6'
}
dependencies {
implementation 'me.relex:circleindicator:1.3.2'
}
Class |
Widget |
me.relex.circleindicator.CircleIndicator |
ViewPager |
me.relex.circleindicator.CircleIndicator2 |
RecyclerView |
me.relex.circleindicator.CircleIndicator3 |
ViewPager2 (AndroidX) |
ViewPager (CircleIndicator)
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 (CircleIndicator2)
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 (CircleIndicator3)
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());
CircleIndicator indicator = view.findViewById(R.id.indicator);
indicator.createIndicators(5,0);
indicator.animatePageSelected(2)
<me.relex.circleindicator.CircleIndicator
android:id="@+id/indicator"
android:layout_width="match_parent"
android:layout_height="48dp"/>
Properties |
Default Value |
app:ci_width |
5dp |
app:ci_height |
5dp |
app:ci_margin |
5dp |
app:ci_drawable |
R.drawable.white_radius |
app:ci_drawable_unselected |
R.drawable.white_radius |
app:ci_animator |
R.animator.scale_with_alpha |
app:ci_animator_reverse |
0 |
app:ci_orientation |
horizontal |
app:ci_gravity |
center |