PagerBullet

Additional

Language
Java
Version
1.0.7 (Nov 23, 2016)
Created
Jun 16, 2016
Updated
Apr 17, 2020
Owner
Vadim Shchenev (robohorse)
Contributors
Vadim Shchenev (robohorse)
Finn Gundlach (FinnGu)
Samuel Kwame Elorm (WilderMinds)
3
Activity
Badge
Generate
Download
Source code

Advertisement

PagerBullet

Android ViewPager with bottom dots

Quick start

  1. Just add this dependency into your build.gradle
compile 'com.robohorse.pagerbullet:pagerbullet:1.1.0'

Note:

androidX: 1.1.+
android.support: < 1.1.0
  1. Replace your default ViewPager by com.robohorse.pagerbullet.PagerBullet

  2. Call this

pagerBullet.invalidateBullets();

when

pagerAdapter.notifyDataSetChanged();
  1. Profit!

Customization

Text indicator

This library can show dots or text indicator, when ViewPager contains a lot of pages. You can set limit of pages, when you want to show text indicator (default value is 20).

Just add

pagerBullet.setTextSeparatorOffset(5);

and you will see text instead of dots, when pages more than 5:

You can customize this text by override

    <string name="pager_bullet_separator" formatted="false">%s / %s</string>

or color

    <color name="pager_bullet_text_indicator">#ffffff</color>

Dot color:

    <color name="pager_bullet_active">#836556</color>
    <color name="pager_bullet_inactive">#219382</color>

or

pagerBullet.setIndicatorTintColorScheme(Color.WHITE, Color.BLUE);

Dot size:

    <dimen name="pager_bullet_indicator_active_dot_diameter">12dp</dimen>
    <dimen name="pager_bullet_indicator_inactive_dot_diameter">8dp</dimen>

Dot margin:

    <dimen name="pager_bullet_indicator_dot_margin">4dp</dimen>

Dot container height:

   <dimen name="pager_bullet_indicator_height">52dp</dimen>

or

   app:panelHeightInDp="52dp"

like this:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.robohorse.pagerbullet.PagerBullet
        android:id="@+id/pagerBullet"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:panelHeightInDp="52dp" />
    
</FrameLayout>

About

Copyright 2016 Vadim Shchenev, and licensed under the MIT license. No attribution is necessary but it's very much appreciated. Star this project if you like it.