Stepper-Touch
For more updates on this and other open-source projects, follow me on twitter
Stepper Touch for Android based on a Material Up showcase designed by Oleg Frolov
In the latest version of the support library (25.3.0) a new class SpringAnimation was made available. I wanted to test this out and not long after that I found Stepper Touch, a concept made in FramerJS, on Material Up. I took this oppertunity to play with SpringAnimations.
Try it yourself:
Gradle
- Step 1. Add the JitPack repository to your build file
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
- Step 2. Add the dependency (only for androidx projects)
dependencies {
implementation 'com.github.DanielMartinus:Stepper-Touch:1.0.1'
}
If you haven't migrated your project to AndroidX use:
dependencies {
implementation 'com.github.DanielMartinus:Stepper-Touch:0.6'
}
More info about it here: #24
Implement
<nl.dionsegijn.steppertouch.StepperTouch
android:id="@+id/stepperTouch"
android:layout_width="100dp"
android:layout_height="40dp" />
Kotlin
val stepperTouch = findViewById<StepperTouch>(R.id.stepperTouch)
stepperTouch.minValue = 0
stepperTouch.minValue = 10
stepperTouch.sideTapEnabled = true
stepperTouch.addStepCallback(object : OnStepCallback {
override fun onStep(value: Int, positive: Boolean) {
Toast.makeText(applicationContext, value.toString(), Toast.LENGTH_SHORT).show()
}
})
Java
StepperTouch stepperTouch = findViewById(R.id.stepperTouch);
stepperTouch.setMinValue(0);
stepperTouch.setMaxValue(3);
stepperTouch.setSideTapEnabled(true);
stepperTouch.addStepCallback(new OnStepCallback() {
@Override
public void onStep(int value, boolean positive) {
Toast.makeText(getApplicationContext(), value + "", Toast.LENGTH_SHORT).show();
}
});
You're able to further customize or set initial values with styled attributes:
- Add res-auto to your xml layout if you haven't yet
xmlns:app="http://schemas.android.com/apk/res-auto"
- After that the following attributes will become available:
app:stepperBackgroundColor=""
app:stepperButtonColor=""
app:stepperActionsColor=""
app:stepperActionsDisabledColor=""
app:stepperTextColor=""
app:stepperTextSize=""
app:app:stepperAllowNegative=""
app:app:stepperAllowPositive=""
13 Dec 22, 2022
2 Aug 4, 2022
25 Aug 18, 2022
171 Oct 31, 2022
9 Oct 22, 2022
305 Dec 12, 2022
2 Jun 26, 2022
3 Jan 22, 2022
459 Dec 29, 2022
4 Oct 31, 2022
9 Aug 20, 2022
21 Jan 11, 2023
514 Dec 21, 2022
38 Oct 5, 2022
289 Jan 4, 2023
7 Nov 17, 2022
28 Nov 1, 2022