How to add button tint programmatically

Question

In the new AppCompat library, we can tint the button this way:

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/follow"
    android:id="@+id/button_follow"
    android:backgroundTint="@color/blue_100"
    />

How can I set the tint of the button programmatically in my code? I'm basically trying to implement a conditional coloring of the button based on some user input.

Are you sure android:backgroundTint is working on Pre-Lollipop? I test with both Button and ApCompatButton but backgroundTint only seems to be working on Lollipop. — Sharjeel, Apr 23 '15 at 10:44
Please check [this answer](http://stackoverflow.com/a/36006440/2826147). — Amit Vaghela, Mar 15 '16 at 08:53

score 256 · Accepted Answer · edited Aug 10 '16 at 12:01

256

According to the documentation the related method to android:backgroundTint is setBackgroundTintList(ColorStateList list)

Update

Follow this link to know how create a Color State List Resource.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:color="#your_color_here" />
</selector>

then load it using

setBackgroundTintList(contextInstance.getResources().getColorStateList(R.color.your_xml_name));

where contextInstance is an instance of a Context

using AppCompart

btnTag.setSupportButtonTintList(ContextCompat.getColorStateList(Activity.this, R.color.colorPrimary));

edited Aug 10 '16 at 12:01

Dhaval Parmar

18,812
8
82
177

answered Apr 22 '15 at 14:44

ColdFire

6,764
6
35
51

2

which is not a color, but a ColorStateList. How to leverage that? – Stephane Maarek Apr 22 '15 at 14:45
9

I get how to do it now thanks, but why would Android not allow you to just use a color manually? For every color of every button I have, I'll have to create an xml for a ColorStateList? That seems like a waste to me – Stephane Maarek Apr 22 '15 at 15:01
I haven't checked the source code to be able to answer that.. but if you're interested i'm sure u can find how they're handling that and find out why they did it this way.. i'm sure there is a reason behind it. – ColdFire Apr 22 '15 at 15:04
4

setBackgroundTintList needs API 21 even if you call it on AppCompatButton. – Sharjeel Apr 23 '15 at 11:20
Is it possible to use this on pre-Lollipop somehow? If so, for which kind of views? – android developer Jul 05 '15 at 10:21
getColorStateList(color) is now deprecated. You should add a theme as a second parameter, like: getColorStateList(color, theme). To add the currently used theme you can use `context.getTheme()`. Full code: `setBackgroundTintList(contextInstance.getResources().getColorStateList(R.color.your_xml_name, yourContext.getTheme()));` – Stefan Surkamp Nov 03 '15 at 16:16
or use ContextCompat like this : ContextCompat.getColorStateList(getContext(), R.color.your_xml_name) – gbero Jan 15 '16 at 14:00
35

The AppCompat support library offers a static helper: `ViewCompat.setBackgroundTintList(View, ColorStateList)` that can be used all the way back to API 4. But it only works for views that implement `TintableBackgroundView`, for example `AppCompatButton` (instead of the usual `Button`). – Jon Adams Mar 29 '16 at 20:42
2

Now, using `ViewCompat.setBackgroundTintList(View, ColorStateList)`, as @Jon Adams suggested, makes even more sense since View.setSupportButtonTintList is restricted with `RestrictTo` annotation. Details here: https://developer.android.com/reference/android/support/annotation/RestrictTo.html – AlexKost Nov 01 '17 at 07:10

score 121 · Answer 2 · answered Apr 22 '15 at 15:08

You could use

button.setBackgroundTintList(ColorStateList.valueOf(resources.getColor(R.id.blue_100)));

But I would recommend you to use a support library drawable tinting which just got released yesterday:

Drawable drawable = ...;

// Wrap the drawable so that future tinting calls work
// on pre-v21 devices. Always use the returned drawable.
drawable = DrawableCompat.wrap(drawable);

// We can now set a tint
DrawableCompat.setTint(drawable, Color.RED);
// ...or a tint list
DrawableCompat.setTintList(drawable, myColorStateList);
// ...and a different tint mode
DrawableCompat.setTintMode(drawable, PorterDuff.Mode.SRC_OVER);

You can find more in this blog post (see section "Drawable tinting")

the question is about a button, this answer is about a drawable. Why is this even displaying as an answer. Very misleading and unhelpful. — Kaan, Nov 05 '22 at 07:55

tse · Answer 3 · 2018-12-18T11:18:50.403

86

Seems like views have own mechanics for tint management, so better will be put tint list:

ViewCompat.setBackgroundTintList(
    editText, 
    ColorStateList.valueOf(errorColor));

edited Dec 18 '18 at 11:18

answered Jun 06 '17 at 03:30

tse

5,769
6
38
58

Much better using it this way, so you get backwards compatibility from API 4! – xarlymg89 Jan 09 '20 at 11:24

score 38 · Answer 4 · answered Feb 16 '20 at 14:50

38

here's how to do it in kotlin:

view.background.setTint(ContextCompat.getColor(context, textColor))

answered Feb 16 '20 at 14:50

Amin Keshavarzian

3,646
1
37
38

Care, if you do this, you will set tint of the drawable. So, any view with the same background will be tint !! – MakiX Oct 21 '21 at 13:01
this is for over API23 – c-an Dec 01 '21 at 07:09

score 28 · Answer 5 · answered Mar 13 '18 at 15:14

In properly extending dimsuz's answer by providing a real code situation, see the following code snippet:

    Drawable buttonDrawable = button.getBackground();
    buttonDrawable = DrawableCompat.wrap(buttonDrawable);
    //the color is a direct color int and not a color resource
    DrawableCompat.setTint(buttonDrawable, Color.RED);
    button.setBackground(buttonDrawable);

This solution is for the scenario where a drawable is used as the button's background. It works on pre-Lollipop devices as well.

score 23 · Answer 6 · answered Dec 01 '20 at 09:22

23

The simple way to do it

in Java

myButton.setBackgroundTintList(ColorStateList.valueOf(resources.getColor(R.id.white)));

in Kotlin

myButton.setBackgroundTintList(ColorStateList.valueOf(resources.getColor(R.id.white)))

answered Dec 01 '20 at 09:22

Osama Remlawi

2,356
20
21

1

resources.getColor() is depricated. – Pravinsingh Waghela Nov 26 '21 at 06:46
1

It's better to use ContextCompat.getColor(context, R.color.white) – Emad Razavi Jan 29 '22 at 11:21

score 12 · Answer 7 · answered Apr 22 '15 at 14:45

12

Have you tried something like this?

button.setBackgroundTintList(getResources().getColorStateList(R.id.blue_100));

note that getResources() will only work in an activity. But it can be called on every context too.

answered Apr 22 '15 at 14:45

Chris K.

1,060
8
10

1

You could create an xml as described here: http://developer.android.com/reference/android/content/res/ColorStateList.html – Chris K. Apr 22 '15 at 15:06
1

getColorStateList appears to be deprecated. – cloudsurfin Jan 16 '16 at 00:54
2

setBackgroundTintList seem to require API level 21 – EMalik Jul 14 '16 at 19:38
2

button. setBackgroundTintList(ContextCompat.getColorStateList(context, R.color.blue)); worked for me – jesto paul Dec 13 '16 at 11:38

score 8 · Answer 8 · answered Jun 01 '19 at 11:09

this is easily handled in the new Material Button from material design library, first, add the dependency:

implementation 'com.google.android.material:material:1.1.0-alpha07'

then in your XML, use this for your button:

<com.google.android.material.button.MaterialButton
    android:id="@+id/accept"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/i_accept"
    android:textSize="18sp"
    app:backgroundTint="@color/grayBackground_500" />

and when you want to change the color, here's the code in Kotlin, It's not deprecated and it can be used prior to Android 21:

accept.backgroundTintList = ColorStateList.valueOf(ResourcesCompat.getColor(resources, 
R.color.colorPrimary, theme))

you mean text as a button and you want to change the color of the background ? — Amin Keshavarzian, Jul 20 '19 at 05:11

score 8 · Answer 9 · answered Dec 10 '21 at 14:07

8

You can use something like that:

myButton.backgroundTintList = AppCompatResources.getColorStateList(context, R.color.primary_variant)

answered Dec 10 '21 at 14:07

Gabriel TheCode

163
2
8

score 7 · Answer 10 · answered May 19 '16 at 13:18

7

You can use DrawableCompat e.g.

public static Drawable setTint(Drawable drawable, int color) {
    final Drawable newDrawable = DrawableCompat.wrap(drawable);
    DrawableCompat.setTint(newDrawable, color);
    return newDrawable;
}

answered May 19 '16 at 13:18

mac229

4,319
5
18
24

score 7 · Answer 11 · answered Feb 16 '18 at 06:30

7

The way I managed to get mine to work was by using CompoundButtonCompat.setButtonTintList(button, colour).

To my understanding this works regardless of android version.

answered Feb 16 '18 at 06:30

Matt Jenje

175
1
8

score 6 · Answer 12 · answered Jan 15 '17 at 18:42

6

I had a similar problem. I wished to colour a complex drawable background for a view based on a color (int) value. I succeeded by using the code:

ColorStateList csl = new ColorStateList(new int[][]{{}}, new int[]{color});
textView.setBackgroundTintList(csl);

Where color is an int value representing the colour required. This represents the simple xml ColorStateList:

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:color="color here"/>
</selector>

Hope this helps.

answered Jan 15 '17 at 18:42

Show your working

351
4
7

2

Minimum required API level 21 – forsberg Feb 13 '17 at 16:34
1

well you could just use `ColorStateList.valueOf(ColorInt)` – user924 Mar 10 '20 at 10:36

score 6 · Answer 13 · answered Feb 20 '20 at 07:06

If you are using Kotlin and Material Design, you can change color of your MaterialButton like this:

myButton.background.setTintList(ContextCompat.getColorStateList(context, R.color.myColor))

You can improve it even better by creating an extension function for your MaterialButton in order to make you code more readable and your coding little more convenient:

fun MaterialButton.changeColor(color: Int) {
    this.background.setTintList(ContextCompat.getColorStateList(context, color))
}

Then, you can use your function everywhere like this:

myButton.changeColor(R.color.myColor)

Saurabh Singh · Answer 14 · 2018-08-28T12:57:02.897

4

For ImageButton you can use:

favoriteImageButton.setColorFilter(Color.argb(255, 255, 255, 255)); // White Tint

edited Aug 28 '18 at 12:57

answered Aug 11 '17 at 19:44

Saurabh Singh

1,241
13
11

setColorFilter is not defined for Buttons – Jérémy Aug 22 '18 at 20:43
It is, for ImageButton. – Saurabh Singh Aug 25 '18 at 06:49
Oh ok, I didn't know about it. But OP is asking for Button. Can you edit your answer with this detail so I can remove my downvote? – Jérémy Aug 28 '18 at 01:44

Matt Wolfe · Answer 15 · 2019-08-29T16:32:28.803

The suggested answer here doesn't work properly on android 5.0 if your XML based color state list references themed attributes.. For instance, I have an xml color state list like so:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="?colorPrimary" android:state_enabled="true"/>
    <item android:alpha="0.12" android:color="?attr/colorOnSurface"/>
</selector>

Using this as my backgroundTint from xml works just fine on android 5.0 and everything else. However if I try to set this in code like this:

(Don't do this)

myButton.setSupportButtonTintList(ContextCompat.getColorStateList(myButton.getContext(), R.color.btn_tint_primary));

It actually doesn't matter if I pass the Activity or the button's context to ContextCompat.getColorStateList() method, neither will give me the proper color state list with respect to the theme the button is within. This is because using theme attributes in color state lists wasn't supported until api 23 and ContextCompat does not do anything special to resolve these. Instead you must use AppCompatResources.getColorStateList() which does its own resource parsing/theme attribute resolution on devices < API 23.

Instead, you must use this:

myButton.setSupportBackgroundTintList(AppCompatResources.getColorStateList(myButton.getContext(), R.color.btn_tint_primary));

TLDR: use AppCompatResources and not -ContextCompat- if you'll need resolved themed resources across all API versions of android.

For more information on the topic, see this article.

score 4 · Answer 16 · answered Apr 22 '20 at 11:45

In addition to Shayne3000's answer you can also use a color resource (not only an int color). Kotlin version:

var indicatorViewDrawable = itemHolder.indicatorView.background
indicatorViewDrawable = DrawableCompat.wrap(indicatorViewDrawable)
val color = ResourcesCompat.getColor(context.resources, R.color.AppGreenColor, null) // get your color from resources
DrawableCompat.setTint(indicatorViewDrawable, color)
itemHolder.indicatorView.background = indicatorViewDrawable

score 4 · Answer 17 · answered Nov 16 '20 at 18:44

There are three options for it using setBackgroundTintList

int myColor = Color.BLACK;

button.setBackgroundTintList(new ColorStateList(EMPTY, new int[] { myColor }));
button.setBackgroundTintList(ColorStateList.valueOf(myColor));
button.setBackgroundTintList(contextInstance.getResources().getColorStateList(R.color.my_color));

score 3 · Answer 18 · answered Nov 12 '21 at 22:14

If you dont want to care about different versions of android, you can use this code, for basicaly any view. Worked for me.

val states = arrayOf(intArrayOf(android.R.attr.state_enabled))
                    val colors = intArrayOf(Color.GREEN) // your color here
                    val colorStateList = ColorStateList(states, colors)
                  ViewCompat.setBackgroundTintList(yourButtonHere,colorStateList)

Kotlin version, wish a nice day to everyone reading this ;)

btw. if you created some drawable background shape this should override only only the tint color.

score 1 · Answer 19 · edited Feb 22 '21 at 12:34

1

checkbox.ButtonTintList = ColorStateList.ValueOf(Android.Color.White);

Use ButtonTintList instead of BackgroundTintList

edited Feb 22 '21 at 12:34

Suraj Rao

29,388
11
94
103

answered Feb 22 '21 at 12:33

Amit Malhi

33
5

score 1 · Answer 20 · edited May 11 '21 at 07:04

1

Tint can be added to button like:

filterBtn.setBackgroundTintList(ContextCompat.getColorStateList(context,R.color.colorPrimary))

edited May 11 '21 at 07:04

Muhammad Saqlain

2,112
4
33
48

answered May 10 '21 at 08:07

Azade Rahmati

135
1
5

score 0 · Answer 21 · answered Dec 16 '20 at 08:58

0

simple we can also use for an imageview

    imageView.setColorFilter(ContextCompat.getColor(context,
R.color.COLOR_YOUR_COLOR));

answered Dec 16 '20 at 08:58

Raj008

3,539
2
28
26

score 0 · Answer 22 · answered Apr 05 '23 at 10:03

If anyone wants to know how to set the HTML color code in the background tint (in my case the color code is coming from backend)

String htmlColorCode = "#FF0000";
int colorInt = Color.parseColor(htmlColorCode);
View myView = findViewById(R.id.my_view);
ViewCompat.setBackgroundTintList(myView, ColorStateList.valueOf(colorInt));

score -1 · Answer 23 · answered Mar 03 '22 at 18:07

-1

With Kotlin,

checkbox.buttonTintList = AppCompatResources.getColorStateList(context, color.colorPrimary)

answered Mar 03 '22 at 18:07

Krishan Madushanka

319
1
5
21

How to add button tint programmatically

23 Answers23

The simple way to do it

Linked

Related