Fancy Step Wizard 😎
Stepper, helps you to show beautiful step animation especially registration steps or some process which contains lots of steps. In order to notify to user and show the current situation and prevent them to be bored.
This library is available in jitpack, so you need to add this repository to your root build.gradle at the end of repositories:
allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}Add the dependency:
dependencies {
implementation 'com.github.TayfunCesur:Stepper:1.0.2'
}A sample project in Kotlin that demonstrates the lib usage here. Depends on your usa case, in general you must use the Stepper in your activity, and you must call it from your fragment.
<com.tayfuncesur.stepper.Stepper
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:id="@+id/stepper"
>
//You can use any view inside
//Freedom!!!
<View android:layout_width="wrap_content"
android:layout_height="10dp"
android:id="@+id/StepperView"
android:background="@drawable/gradient"/>
</com.tayfuncesur.stepper.Stepper>
stepper.forward()
stepper.back()
stepper.progress(loopsize = 3) // Default value is 0
stepper.progress(loopsize = 3).addOnCompleteListener {
// Here some magic stuffs
}
| Property | Type | Description |
|---|---|---|
| stepCount | integer | The default step count is 5. Each count will be calculated with respect to your screen width. |
| duration | integer | The default duration is 500 milliseconds. This value effects your each step animation |
You can use the backgroundColor attribute for coloring whole background of stepper. And use the inner views background for coloring animation side.
Open-Source Enthusiast | Android Engineer
If you have any questions, hit me on Twitter
Copyright 2019 Tayfun CESUR
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent