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=""
287 Nov 18, 2022
502 Dec 29, 2022
177 Nov 10, 2022
3.6k Dec 29, 2022
3k Dec 6, 2022
520 Nov 11, 2022
1.7k Dec 25, 2022
1.5k Dec 29, 2022
658 Nov 30, 2022
511 Dec 1, 2022
355 Nov 11, 2022
1.2k Dec 16, 2022
481 Dec 19, 2022
2.6k Jan 5, 2023
1.5k Jan 2, 2023
1.2k Dec 30, 2022
1k Dec 13, 2022
1k Dec 20, 2022
697 Dec 14, 2022