Add this in your root build.gradle file (not your module build.gradle file):
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}Add this to your module's build.gradle file (make sure the version matches the JitPack badge above):
dependencies {
...
implementation 'com.github.mejdi14:blob-stepper:0.0.1'
}val controller = remember { BlobProgressController(steps = 3) }
BlobStepper(controller = controller,
blobCircle = BlobCircle(
blobContent = BlobContent.TextContent(text = textValue)
),
blobActionListener = object : BlobActionListener() {
override fun onChangeListener(step: Int) {
}
override fun onFinishListener() {
}
override fun onExplodeListener() {
}
}) radius: Initial circle radius
shrinkRadius: Circle radius after transformation
color: Color = Cicle color
wavesHeight: Blob waves height
wavesMovementDurationMillis: Blob waves animation duration
sizeTransformationDurationMillis: Circle state change duration
wavesCount: Number of waves
blobContent: Blob content (Text or Image) radius : Initial progress circle radius
strokeWidth: Border stroke width
strokeDefaultColor: Stroke background color
strokeFilledColor: Stroke progress color
startAngle: At which angle the progress animation starts
progressAnimationDurationMillis: Progress animation duration progress: State<Float> : Progress percent
currentStep: State<Int> : Current Step
isExpanded: State<Boolean> : Cicle is on initial size
isExploded: State<Boolean> : Circle covers all the screen
isFinished: State<Boolean> : Progress circle reached final step
stepsCount: Int : All steps count
completionListener: ProgressCompletionListener : Progress is over
shrink() : Transform the circle to the smaller size and start blob waves animation
expand() : Go back to the initial circle size and cancel animation
explode() : Cover all screen
next() : Go to the next step progress
back() : Go back to the previous step
goTo(step: Int) : Go to a specific step
reset() : Rest the progress counter onStartListener() : Animation started (circle shrink and blob waves are moving)
onChangeListener(step: Int) : Triggered when there is a change in the circle state
onNextStepListener() : Triggered when we move to a new step
onFinishListener() : We reached the final step
onClickListener() : On Circle click listener
onExplodeListener() : Circle is exploded and covered all the screen BlobContent.TextContent(text = textValue)
BlobContent.ImageContent(painter = painterValue)insde the Blob Circle you can put a Text Composable or an Image Composable, both accept State value so that you can change the content value while you navigate from a step to another.
Contributions, issues and feature requests are welcome.
Feel free to check [issues page] if you want to contribute.
👤 Mejdi Hafiane
- profile: @MejdiHafiane
Please ⭐️ this repository if this project helped you!
Copyright © 2019 Mejdi Hafiane.
This project is MIT licensed.