Change thumb color from a seekbar

Question

I have a seekbar and i am trying to change the thumb color. I found two photos that describes what i actually want to do. I have this seekbar (default) : enter image description here

and i am trying to change it's color thumb like this.. : (I know how to change background progress color but not the thumb color)..

seekBar1calling.getProgressDrawable().setColorFilter(Color.WHITE, Mode.SRC_IN);

enter image description here

Is there any way to achieve this using java code? Thanks in advance!!

score 6 · Accepted Answer · answered Apr 17 '14 at 10:51

6

I just used an online style generator which gave me what i needed

http://android-holo-colors.com/

Just choose the widget and color you want and you are ready! ;)

answered Apr 17 '14 at 10:51

noobProgrammer

1,443
4
14
33

1

This site is great.Thank you very much. – Yeung Dec 01 '14 at 09:46
2

This link is broken. – NFlows Sep 25 '17 at 09:14

score 4 · Answer 2 · edited Sep 07 '15 at 13:46

4

Just use:

mySeekbar.getThumb().setColorFilter(myColor, PorterDuff.Mode.MULTIPLY);

Edit: method getThumb is only available since API 16+ (Jelly Bean).

edited Sep 07 '15 at 13:46

Brabbeldas

1,939
4
20
32

answered Nov 14 '14 at 12:04

eoinzy

2,152
4
36
67

do you know how to do this in xml? – Brabbeldas Sep 07 '15 at 12:49
1

See this answer: http://stackoverflow.com/questions/16163215/android-styling-seek-bar – eoinzy Feb 18 '16 at 12:05

score 1 · Answer 3 · answered Sep 18 '17 at 20:01

1

The other answers are old and didn't work for me, this did.

seekbar.setThumbTintList(ContextCompat.getColorStateList(this, R.color.disabled));

answered Sep 18 '17 at 20:01

Jesper

47
1
5

score 1 · Answer 4 · answered Sep 25 '17 at 09:23

Here is a quick and easy solution which worked for me as expected. Just implement this code after you initialized the seekbar to avoid NPE's.

You have to define the color itself under res/values/colors.xml

int blue = ContextCompat.getColor(context, R.color.seekbar_blue);
filterSeekBar.getThumb().setColorFilter(blue, PorterDuff.Mode.SRC_ATOP);
filterSeekBar.getProgressDrawable().setColorFilter(blue, PorterDuff.Mode.SRC_ATOP);

That's all!

Note: The color of the Progress-Background is not as dark as the Button / Thumb itself. If you want to know more about the PorfuerDuff part check this answer on Stackoverflow: Phasmal & Lee's answer to PorfuerDuff modes

Change thumb color from a seekbar

4 Answers4