StepIndicator

Additional

Language
Java
Version
1.1.0 (Feb 7, 2017)
Created
Feb 5, 2016
Updated
Oct 13, 2021 (Retired)
Owner
Sutachad Wichai (layerlre)
Contributors
Sutachad Wichai (layerlre)
Dogan Gulcan (dgngulcan)
Gbenga (devmike01)
3
Activity
Badge
Generate
Download
Source code

Android StepIndicator

Interactive step paging indicator widget, compatible with the ViewPager

Usage

  1. Include one of the widgets in your view. This should usually be placed adjacent to the ViewPager it represents.

     <com.layer_net.stepindicator.StepIndicator
       android:id="@+id/step_indicator"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_margin="16dp"
       app:siBackgroundColor="@color/background_default"
       app:siStepColor="@color/step_default" />
    
  2. In your onCreate method (or onCreateView for a fragment), bind the indicator to the ViewPager.

      //Set the pager with an adapter
      ViewPager pager = (ViewPager)findViewById(R.id.pager);
      pager.setAdapter(new TestAdapter(getSupportFragmentManager()));
    
      //Bind the step indicator to the adapter
      StepIndicator stepIndicator = (StepIndicator) findViewById(R.id.step_indicator);
      stepIndicator.setupWithViewPager(pager);
    

Public method on StepIndicator

    void setStepsCount(int stepCount)
    int getStepsCount()
    void setCurrentStepPosition(int currentStepPosition)
    int getCurrentStepPosition()
    void setRadius(int radius)
    int getRadius()
    void setupWithViewPager(ViewPager viewPager)
    void setClickable(boolean clickable)

Customization

  • siStepColor Color of the step indicator
  • siCurrentStepColor Color of the current step
  • siBackgroundColor Background color of the step indicator
  • siTextColor Background color of the step indicator
  • siSecondaryTextColor Background color of the step indicator
  • siRadius Radius of the step indicator
  • siStrokeWidth Stroke Width of a current step
  • siStepCount Size of step (With out ViewPager)

Download

Download via Maven

    <dependency>
        <groupId>com.layer-net</groupId>
        <artifactId>step-indicator</artifactId>
        <version>1.1.0</version>
        <type>pom</type>
    </dependency>

or Gradle:

compile 'com.layer-net:step-indicator:1.1.0'

License

Copyright 2016 layerlre

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.