Android Circular Slider

Create Highly Customizable Circular Slider made with Jetpack compose

Preview

Features

• Great look and feel with lots of customization
• Customisable circular slider
• Customisable simple thumb
• Simple to Implement

Attributes

:thinking: How to use it?

1. Add this in your root build.gradle at the end of repositories:

allprojects {
          repositories {
              maven { url 'https://jitpack.io' }
          }
}

2. Add the dependency in your app's build.gradle file:

dependencies {
    implementation 'com.github.Mindinventory:AndroidCircularSlider:X.X.X'
}

3. Use this code inside your composable:

fun CircularProgressBar(
    maxNum: Int = 50,
    radiusCircle: Dp = 150.dp,
    percentageFontSize: TextUnit = 28.sp,
    percentageColor: Color = DeepBlue,
    progressWidth: Float = 28f,
    animDuration: Int = 1000,
    animDelay: Int = 0,
    strokeCap: StrokeCap = StrokeCap.Round,
    thumbRadius: Float = 40f,
    tickColor: Color = SkyBlue,
    tickhighlightedColor: Color = TextWhite,
    dialColor: Color = DullPurple,
    progressColor: Brush = Brush.linearGradient(colors = listOf(SkyBlue, Color.White)),
    startThumbCircleColor: List<Color> = listOf(SkyBlue, SkyBlue),
    thumbColor: List<Color> = listOf(Color.White, Color.White),
    trackColor: Color = Color.Black,
    trackOpacity: Float = 0.10f,
    trackWidth: Float = 20f,
    isDisabled: Boolean = false,
    staticProgress: Float = 0f,
)

LICENSE!

AndroidCircularSlider is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.