how to change the Slider's thumb Material Component Android with image?

Question

I am trying to use the slider in Material Design component, but stuck for styling the thumb. My design requirement needs shadow surrounding the thumb. From the documentation only show how to change the background thumb. Is it possible to change the thumb with image?

user_18675544 · Answer

At the moment it's implemented in the beta version.

https://github.com/material-components/material-components-android/commit/17da000a295a4a2554b603940ce014ff6a18da45

Edited. Methods added in the beta version:

setCustomThumbDrawable(@NonNull Drawable drawable)

setCustomThumbDrawable(@DrawableRes int drawableResId)

setCustomThumbDrawablesForValues(@NonNull @DrawableRes int... customThumbDrawableResIds)

setCustomThumbDrawablesForValues(@NonNull Drawable... customThumbDrawables)

user_14551959 · Answer

Create your drawable and use:

 android:thumb="@drawable/custom_thumb"

how to change the Slider's thumb Material Component Android with image?

2 Answers