Setting the color of a shape programmatically

Question

I am trying to set the color of my shape programmatically, inside my drawable I created a rounded shape (rounded_button.xml):

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#00b248" />
    <corners android:bottomRightRadius="8dp"
        android:bottomLeftRadius="8dp"
        android:topRightRadius="8dp"
        android:topLeftRadius="8dp"/>
</shape>

And now I want to change it color in my activity.

public void setShapeColor() {
    Drawable shapeDrawable = ResourcesCompat.getDrawable(getResources(), R.drawable.rounded_button, null);
    shapeDrawable.setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP);
}

But it does not work and holds still the same color.

this is what you are looking for https://stackoverflow.com/questions/5940825/android-change-shape-color-in-runtime — Elias Fazel, Jan 29 '20 at 15:43

Elias Fazel · Answer 1 · 2020-01-29T15:51:07.550

0

This how you can change color defined drawable in xml

LayerDrawable shapeRectangle = (LayerDrawable) getDrawable(context, R.drawable.custom_layer);
GradientDrawable gradient = (GradientDrawable) shapeRectangle.findDrawableByLayerId(R.id.shape_rectangle);
gradient.setColor(Color.RED);

edited Jan 29 '20 at 15:51

answered Jan 29 '20 at 15:45

Elias Fazel

2,093
16
20

What is titleTextView in my case? – Jon not doe xx Jan 29 '20 at 15:48
What is the Layer id? the drawable name is rounded_button but it has no id – Jon not doe xx Jan 29 '20 at 15:55
so define an ID for each or other item you have. – Elias Fazel Jan 29 '20 at 15:58

score 0 · Answer 2 · answered Jan 29 '20 at 15:47

0

Try to use tint to made tint of drawable.

example:

fun getTintDrawable(context:Context, resId: Int, tint: Int): Drawable? {
    val normalDrawable = ContextCompat.getDrawable(context, resId)
    var wrapDrawable = if (normalDrawable == null) null else DrawableCompat.wrap(normalDrawable)

    if (wrapDrawable != null) {
        DrawableCompat.setTint(wrapDrawable, tint)
    }

    return wrapDrawable
}

Sorry that i use kotlin, but rewrite to java could not take so much time. Hope it helps.

BR

answered Jan 29 '20 at 15:47

Milan Jurkulak

557
3
6

Can you rewrite to java, not familiar in kotlin at all – Jon not doe xx Jan 29 '20 at 15:49
@Jonnotdoexx check my answer, I have posted it in java for you. – Ishaan Kumar May 27 '21 at 08:23

score 0 · Answer 3 · answered Jan 29 '20 at 16:03

0

@Nullable
public Drawable getTintDrawable(Context context, int resId, int tint) {
    Drawable normalDrawable = ContextCompat.getDrawable(context, resId);
    Drawable wrapDrawable = (normalDrawable == null) ? null : DrawableCompat.wrap(normalDrawable);

    if (wrapDrawable != null) {
        DrawableCompat.setTint(wrapDrawable, tint);
    }

    return wrapDrawable;
}

answered Jan 29 '20 at 16:03

Milan Jurkulak

557
3
6

Let me know if helps. Thanx – Milan Jurkulak Jan 29 '20 at 16:04

score 0 · Answer 4 · answered May 27 '21 at 08:23

As requested by @Jonnotdoexx

Same code in Java:

Please note that this function will return null if first if clause fail to execute.

Drawable getTintDrawable(Context context, int resId, int tint) {
    Drawable normalDrawable = ContextCompat.getDrawable(context, resId);
    Drawable wrapDrawable;
    if (normalDrawable != null) 
        wrapDrawble = DrawableCompat.wrap(normalDrawable);
    if (wrapDrawable != null) 
       DrawableCompat.setTint(wrapDrawable, tint);
    return wrapDrawable;
}

Setting the color of a shape programmatically

4 Answers4