How to colorize SeekBar's thumb on Android?

Question

I use this method to change SeekBar's thumb color:

  public static void setThumbColor(final SeekBar sb, @ColorInt final int color) {
    final Drawable thumb = sb.getThumb();
    thumb.setColorFilter(color, PorterDuff.Mode.SRC_IN);
    sb.setThumb(thumb);
  }

and this code works well on Android 5.0 (Lollipop) and newer. But on Android 4.2.2 or 4.3.1 my method doesn't work, color of thumb doesn't change.

What should I do to change color of thumb on older android versions?

score 2 · Accepted Answer · answered Jul 26 '17 at 03:24

2

Create a new style in style.XML

<style name="SeekBarColor"
parent="Widget.AppCompat.SeekBar"> 
<item name="colorAccent">@color/your_color</item> 
</style>

Finally in the layout

  <SeekBar
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:theme="@style/SeekBarColor" />

answered Jul 26 '17 at 03:24

Abhi

3,431
1
17
35

1

Yes, I remember, but stackoverflow forbids to accept in first 7 minutes) – P. Ilyin Jul 26 '17 at 03:40
I see. Glad to help! – Abhi Jul 26 '17 at 03:43

score 0 · Answer 2 · answered Jul 26 '17 at 03:24

Try this one,

sb.getProgressDrawable().setColorFilter(getResources().getCo‌lor(R.color.my_color‌), PorterDuff.Mode.SRC_ATOP);

or

sb.getProgressDrawable().setColorFilter(0xFF00FF00, PorterDuff.Mode.MULTIPLY);
sb.getThumb().setColorFilter(0xFF00FF00, PorterDuff.Mode.MULTIPLY);

How to colorize SeekBar's thumb on Android?

2 Answers2