Popularity
1.0
Growing
Activity
5.4
Declining
15
2
5

Description

This library was made from the existing StepIndicator library but with lots of improvements. 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.

Programming language: Java
Tags: Android     UI Widget     Java     Layout     Views     Custom View     Android-library    
Latest version: v1.1.1

PageStepIndicator alternatives and similar packages

Based on the "UI Widget" category

Do you think we are missing an alternative of PageStepIndicator or a related project?

Add another 'UI Widget' Package

README

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.

Preview

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 or FragmentPagerAdapter.

  • Add the adapter to your viewpager and pass it to PageStepIndicator by calling a handy method setupWithViewPager(ViewPager).

That's all. You can customize it the way you want.

Customization

  • pgStepColor Color of the step indicator
  • pgCurrentStepColor Color of the current step
  • pgBackgroundColor Background color of the step indicator
  • pgTextColor Background color of the step indicator
  • pgSecondaryTextColor Background color of the step indicator
  • pgRadius Radius of the step indicator
  • pgStrokeWidth Stroke Width of a current step
  • pgStepCount Size of step (With out ViewPager)
  • pgTitles Titles of pages
  • pgActiveTitleColor Current color of page's title
  • pgInActiveTitleColor Color of your previous or future page's title
  • pgTitleTextSize Size of your page's title
  • pgLineHeight Height of indicator line
  • pgStrokeAlpha Opacity of current stroke(255 means the color is solid)

License

Copyright 2018 Oladipupo Gbenga

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.


*Note that all licence references and agreements mentioned in the PageStepIndicator README section above are relevant to that project's source code only.