PageStepIndicator
This library was made from existing StepIndicator library but with lots of improvement. I needed a page indicator that could display title and at the same time have a transparent border, but I couldn't find one. So I modified the source code of StepIndicator and made it into a library.
How To Use
- Add
PageStepIndicator
to your app.
Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
Add the dependency
dependencies {
implementation 'com.github.devmike01:pagestepindicator:1.1.1'
}
- Add
PageStepIndicator
to your layout. E.g:
<devmike.jade.com.PageStepIndicator
app:pgTitles="@array/titles"
app:pgTitleTextSize="15sp"
app:pgStrokeAlpha="255"
app:pgRadius="15dp"
app:pgCurrentStepColor="@android:color/holo_red_dark"
app:pgTextColor="@android:color/white"
app:pgStepColor="@android:color/holo_purple"
android:id="@+id/page_stepper"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
-
Setup a pager adapter by extending
FragmentStatePagerAdapter
orFragmentPagerAdapter
. -
Add the adapter to your viewpager and pass it to
PageStepIndicator
by calling a handy methodsetupWithViewPager(ViewPager)
.
That's all. You can customize it the way you want.
Customization
pgStepColor
Color of the step indicatorpgCurrentStepColor
Color of the current steppgBackgroundColor
Background color of the step indicatorpgTextColor
Background color of the step indicatorpgSecondaryTextColor
Background color of the step indicatorpgRadius
Radius of the step indicatorpgStrokeWidth
Stroke Width of a current steppgStepCount
Size of step (With out ViewPager)pgTitles
Titles of pagespgActiveTitleColor
Current color of page's titlepgInActiveTitleColor
Color of your previous or future page's titlepgTitleTextSize
Size of your page's titlepgLineHeight
Height of indicator linepgStrokeAlpha
Opacity of current stroke(255 means the color is solid)