How to change the ProgressBar color in a widget?

Question

Is there any way to change the color of the ProgressBar residing in the app widget at runtime?

This is how the ProgressBar progress value is updated:

RemoteViews views = new RemoteViews( context.getPackageName(), R.layout.widget );
views.setProgressBar( R.id.progressbar, 100, 10, false );
...
appWidgetManager.updateAppWidget( widgetID, views );

Unfortunately, the RemoteViews class does not allow us to set a color filter or even a different progress drawable for ProgressBar.

Any ideas would be appreciated.

score 4 · Answer 1 · answered Dec 26 '18 at 09:58

I have encountered with similar problem to tint ProgressBar inside custom notification layout. I have managed to do it using reflection API:

    Method setTintMethod = null;
    try {
        setTintMethod = RemoteViews.class.getMethod("setProgressTintList", int.class, ColorStateList.class);
    } catch (SecurityException e) {
        e.printStackTrace();
    } catch (NoSuchMethodException e) {
        e.printStackTrace();
    }
    if (setTintMethod != null) {
        try {
            setTintMethod.invoke(mYourRemoteViews, R.id.your_progress_bar_id, ColorStateList.valueOf(yourColor));
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
    }

score 0 · Answer 2 · edited May 23 '17 at 11:52

Add this line in the ProgressBar XML:

android:progressDrawable="@drawable/progressbar"

And now Create the progressbar.xml drawable:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
    <shape>
        <corners android:radius="5dip" />
        <gradient
                android:startColor="#ff9d9e9d"
                android:centerColor="#ff5a5d5a"
                android:centerY="0.75"
                android:endColor="#ff747674"
                android:angle="270"
        />
    </shape>
</item>

<item android:id="@android:id/secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#80ffd300"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:angle="270"
            />
        </shape>
    </clip>
</item>
<item
    android:id="@android:id/progress"
>
    <clip>
        <shape>
            <corners
                android:radius="5dip" />
            <gradient
                android:startColor="#33FF33"
                android:endColor="#008000"
                android:angle="270" />
        </shape>
    </clip>
</item>

</layer-list>

See reference: Android change Horizonal Progress bar color

Thanks, but I need to update it at runtime (in Java code, not XML) — davee44, Jan 25 '15 at 13:44
so use this function: .setProgressDrawable(newSeekBarBackground); reference: http://stackoverflow.com/questions/2280822/how-to-use-setprogressdrawable-correctly — RonM, Jan 25 '15 at 13:55

score 0 · Answer 3 · answered Oct 29 '19 at 12:33

For example you have progressDrawable (layer-list) with:

@android:id/background - solid color
@android:id/progress - should update programatically

You can use the trick:

Instead of progress layer you can create ImageView behind progressBar and update it color using setInt(id, "setColorFilter", color)
Add android:rotation="180" to progressBar in xml file
Instead of setting a progress value you should set "max - progress" value
Now the progressBar used as a background

score 0 · Answer 4 · answered Jan 16 '22 at 22:25

Oleksandr has given a great answer, just in case you are using indeterministic progressbar, that method will not work for it.

Here's code with all different methods available to use.

      Method setInDeterminateProgressTintMethod = null;
      Method setProgressTintMethod = null;
      Method setProgressBackgroundTintMethod = null;
      try {

        setInDeterminateProgressTintMethod = RemoteViews.class.getMethod("setProgressIndeterminateTintList", int.class, ColorStateList.class);
        setProgressTintMethod = RemoteViews.class.getMethod("setProgressTintList", int.class, ColorStateList.class);
        setProgressBackgroundTintMethod = RemoteViews.class.getMethod("setProgressBackgroundTintList", int.class, ColorStateList.class);

      } catch (SecurityException|NoSuchMethodException ex) {
        ex.printStackTrace();
        // do nothing if we can not apply progress bar tint.
      }
      if (setInDeterminateProgressTintMethod != null) {
        try {
          Log.d(TAG, "Invoking setTintMethod");
          setInDeterminateProgressTintMethod.invoke(remoteViews, resId, ColorStateList.valueOf(Color.parseColor("#yourhexcolor")));
          setProgressTintMethod.invoke(remoteViews, resId, ColorStateList.valueOf(Color.parseColor("#yourhexcolor")));
          setProgressBackgroundTintMethod.invoke(remoteViews, resId, ColorStateList.valueOf(Color.parseColor("#yourhexcolor")));
        } catch (IllegalAccessException|InvocationTargetException ex) {
          Log.d(TAG, "Exception in setting tint for progressbar: "+ ex.getMessage());
          ex.printStackTrace(); // do nothing if we can not apply progress bar tint.
        }
      }

Not working in Android 13 – Krutika Chotara Jan 31 '23 at 06:32 — Krutika Chotara, Jan 31 '23 at 06:32

How to change the ProgressBar color in a widget?

4 Answers4

Linked