Как изменить цвет индикатора выполнения в Android

Я использую горизонтальный индикатор выполнения в своем приложении для Android и хочу изменить его цвет выполнения (по умолчанию желтый). Как я могу сделать это с помощью code(не XML)?

Я сожалею, что это не ответ, но что движет требованием, устанавливающим это из кода? И .setProgressDrawableдолжен работать, если он определен правильно

<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="@color/progress_start"
                android:endColor="@color/progress_end"
                android:angle="270" 
            />
        </shape>
    </clip>
</item>

</layer-list>

Для горизонтального ProgressBar вы можете использовать ColorFilterтоже, как это:

progressBar.getProgressDrawable().setColorFilter(
    Color.RED, android.graphics.PorterDuff.Mode.SRC_IN);

Примечание. Это изменяет внешний вид всех индикаторов выполнения в вашем приложении. Чтобы изменить только один конкретный индикатор выполнения, сделайте это:

Drawable progressDrawable = progressBar.getProgressDrawable().mutate();
progressDrawable.setColorFilter(Color.RED, android.graphics.PorterDuff.Mode.SRC_IN);
progressBar.setProgressDrawable(progressDrawable);

Если progressBar не определен, используйте getIndeterminateDrawable()вместоgetProgressDrawable() .

Начиная с Lollipop (API 21) вы можете установить оттенок прогресса:

progressBar.setProgressTintList(ColorStateList.valueOf(Color.RED));

Это не программно, но я думаю, что это может помочь многим людям в любом случае.
Я много пробовал, и самым эффективным способом было добавить эти строки в мой ProgressBar в файле .xml:

            android:indeterminate="true"
            android:indeterminateTintMode="src_atop"
            android:indeterminateTint="@color/secondary"

В итоге этот код сделал это для меня:

<ProgressBar
            android:id="@+id/progressBar"
            style="?android:attr/progressBarStyleLarge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginTop="50dp"
            android:layout_marginBottom="50dp"
            android:visibility="visible"
            android:indeterminate="true"
            android:indeterminateTintMode="src_atop"
            android:indeterminateTint="@color/secondary">

Это решение работает для API 21+

Для моего неопределенного индикатора выполнения (счетчик) я просто установил цветной фильтр на рисование. Отлично работает и всего одна строчка.

Пример установки красного цвета:

ProgressBar spinner = new android.widget.ProgressBar(
                context,
                null,
                android.R.attr.progressBarStyle);

spinner.getIndeterminateDrawable().setColorFilter(0xFFFF0000, android.graphics.PorterDuff.Mode.MULTIPLY);

Это старый вопрос, но использование темы здесь не упоминается. Если ваша тема по умолчанию использует AppCompat, ваш ProgressBarцвет будетcolorAccent вы определили.

Изменение colorAccentтакже изменит ваш ProgressBarцвет, но изменения также отражаются в нескольких местах. Итак, если вы хотите другой цвет только для определенного, PregressBarвы можете сделать это, применив тему к этому ProgressBar:

• Расширьте тему по умолчанию и переопределите colorAccent

  <style name="AppTheme.WhiteAccent">
      <item name="colorAccent">@color/white</item> <!-- Whatever color you want-->
  </style>

• И ProgressBarдобавьте android:themeатрибут:

  android:theme="@style/AppTheme.WhiteAccent"

Так это будет выглядеть примерно так:

<ProgressBar
        android:id="@+id/loading"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:padding="10dp"
        android:theme="@style/AppTheme.WhiteAccent" />

Таким образом, вы просто меняете colorAccentдля своего конкретного ProgressBar.

Примечание : использование styleне будет работать. Вам нужно использовать android:themeтолько. Вы можете найти больше использования темы здесь: https://plus.google.com/u/0/+AndroidDevelopers/posts/JXHKyhsWHAH

Все API

если использовать все API, просто создайте тему в стиле

style.xml

<resources>

    //...

    <style name="progressBarBlue" parent="@style/Theme.AppCompat">
        <item name="colorAccent">@color/blue</item>
    </style>

</resources>

и использовать в процессе

<ProgressBar
    ...
    android:theme="@style/progressBarBlue" />

Уровень API 21 и выше

если используется в API уровня 21 и выше, просто используйте этот код:

<ProgressBar
   //...
   android:indeterminate="true"
   android:indeterminateTintMode="src_atop"
   android:indeterminateTint="@color/secondary"/>

Согласно некоторым предложениям, вы МОЖЕТЕ указать форму и клип-макет с цветом, а затем установить его. У меня это работает программно. Вот как я это делаю ..

Сначала убедитесь, что вы импортируете библиотеку drawable.

import android.graphics.drawable.*;

Затем используйте код, подобный приведенному ниже;

ProgressBar pg = (ProgressBar)row.findViewById(R.id.progress);
final float[] roundedCorners = new float[] { 5, 5, 5, 5, 5, 5, 5, 5 };
pgDrawable = new ShapeDrawable(new RoundRectShape(roundedCorners, null,null));
String MyColor = "#FF00FF";
pgDrawable.getPaint().setColor(Color.parseColor(MyColor));
ClipDrawable progress = new ClipDrawable(pgDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);
pg.setProgressDrawable(progress);   
pg.setBackgroundDrawable(getResources().getDrawable(android.R.drawable.progress_horizontal));
pg.setProgress(45);

Это сработало для меня:

<ProgressBar
 android:indeterminateTint="#d60909"
 ... />

если неопределенный:

((ProgressBar)findViewById(R.id.progressBar))
    .getIndeterminateDrawable()
    .setColorFilter(Color.RED, PorterDuff.Mode.SRC_IN);

Это работает для меня. Это также работает для более низкой версии тоже. Добавьте это к вашему syles.xml

<style name="ProgressBarTheme" parent="ThemeOverlay.AppCompat.Light">
<item name="colorAccent">@color/colorPrimary</item>
</style>

И использовать это в XML

<ProgressBar
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:theme="@style/ProgressBarTheme"
   />

В настоящее время в 2016 году я обнаружил, что некоторые устройства до Lollipop не соответствуют этим colorAccentнастройкам, поэтому мое окончательное решение для всех API теперь следующее:

// fixes pre-Lollipop progressBar indeterminateDrawable tinting
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {

    Drawable wrapDrawable = DrawableCompat.wrap(mProgressBar.getIndeterminateDrawable());
    DrawableCompat.setTint(wrapDrawable, ContextCompat.getColor(getContext(), android.R.color.holo_green_light));
    mProgressBar.setIndeterminateDrawable(DrawableCompat.unwrap(wrapDrawable));
} else {
    mProgressBar.getIndeterminateDrawable().setColorFilter(ContextCompat.getColor(getContext(), android.R.color.holo_green_light), PorterDuff.Mode.SRC_IN);
}

Для получения бонусных баллов не используется устаревший код. Попробуй это!

Это то, что я сделал. Работал.

Индикатор:

<ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="4"
            android:indeterminateDrawable="@drawable/progressdrawable"
           />

progressdrawable.xml:
здесь используйте градиент, чтобы изменить цвет по своему усмотрению. And android: toDegrees = "X" увеличивает значение X, и индикатор выполнения вращается быстро. Уменьшить и вращать медленно. Настройте в соответствии с вашими потребностями.

<?xml version="1.0" encoding="utf-8"?>
     <rotate xmlns:android="http://schemas.android.com/apk/res/android"
            android:duration="4000"
            android:fromDegrees="0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:toDegrees="360" >

            <shape
                android:innerRadius="20dp"
                android:shape="ring"
                android:thickness="4dp"
                android:useLevel="false" >
                <size
                    android:height="48dp"
                    android:width="48dp" />

                <gradient
                    android:centerColor="#80ec7e2a"
                    android:centerY="0.5"
                    android:endColor="#ffec7e2a"
                    android:startColor="#00ec7e2a"
                    android:type="sweep"
                    android:useLevel="false" />
            </shape>

        </rotate>

образец:

Нажмите на ту же проблему, работая над изменением внешнего вида индикатора выполнения по умолчанию. Вот еще немного информации, которая, надеюсь, поможет людям :)

• Имя файла xml должно содержать только символы: a-z0-9_. (т.е. без прописных букв!)
• Чтобы сослаться на ваш "drawable" это R.drawable.filename
• Чтобы переопределить внешний вид по умолчанию, вы используете myProgressBar.setProgressDrawable(...), однако вам не нужно просто ссылаться на ваш пользовательский макет, так как R.drawable.filenameвам нужно получить его как Drawable:

  Resources res = getResources();
  myProgressBar.setProgressDrawable(res.getDrawable(R.drawable.filename);

• Вам нужно установить стиль перед настройкой прогресса / вторичного прогресса / максимума (после этого для меня установился «пустой» индикатор выполнения)

Вероятно, есть одна вещь, которая не упоминалась в этом ответе:

Если ваша тема наследуется Theme.AppCompat, ProgressBarпримет цвет, который вы определили как "colorAccent"в вашей теме.

Итак, используя ..

<item name="colorAccent">@color/custom_color</item>

... автоматически подкрасит цвет ProgressBar @color/custom_color.

android:progressTint="#ffffff" 

Вы можете попытаться изменить свои стили, темы или использовать android: indeterminateTint = "@ color / yourColor" в любом месте, где вы хотите, но есть только один способ сделать это, будет работать на любой версии Android SKD:

Если ваш индикатор прогресса не является неопределенным, пожалуйста, используйте:

progressBar.getProgressDrawable().setColorFilter(ContextCompat.getColor(context, R.color.yourColor), PorterDuff.Mode.SRC_IN );

Если ваш индикатор прогресса не определен, пожалуйста, используйте:

progressBar.getIndeterminateDrawable().setColorFilter(ContextCompat.getColor(getContext(), R.color.yourColor), PorterDuff.Mode.SRC_IN );

Печально, что в Android такой беспорядок!

Как я это сделал в горизонтальном ProgressBar:

    LayerDrawable layerDrawable = (LayerDrawable) progressBar.getProgressDrawable();
    Drawable progressDrawable = layerDrawable.findDrawableByLayerId(android.R.id.progress);
    progressDrawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);

Самое простое решение, если вы хотите изменить цвет в XML-файле макета, используйте приведенный ниже код и используйте свойство indeterminateTint для нужного цвета.

    <ProgressBar
      android:id="@+id/progressBar"
      style="?android:attr/progressBarStyle"
      android:layout_width="wrap_content"
      android:indeterminate="true"
      android:indeterminateTintMode="src_atop"
      android:indeterminateTint="#ddbd4e"
      android:layout_height="wrap_content"
      android:layout_marginBottom="20dp"
      android:layout_alignParentBottom="true"
      android:layout_centerHorizontal="true" />

Это решение сработало для меня:

<style name="Progressbar.White" parent="AppTheme">
    <item name="colorControlActivated">@color/white</item>
</style>

<ProgressBar
    android:layout_width="@dimen/d_40"
    android:layout_height="@dimen/d_40"
    android:indeterminate="true"
    android:theme="@style/Progressbar.White"/>

Еще одна маленькая вещь, решение для темы работает, если вы наследуете базовую тему, поэтому для app compact ваша тема должна быть:

<style name="AppTheme.Custom" parent="@style/Theme.AppCompat">
    <item name="colorAccent">@color/custom</item>
</style>

И затем установите это в теме индикатора выполнения

<ProgressBar
    android:id="@+id/progressCircle_progressBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:theme="@style/AppTheme.Custom"
    android:indeterminate="true"/>

Чтобы изменить горизонтальный цвет ProgressBar (в котлине):

fun tintHorizontalProgress(progress: ProgressBar, @ColorInt color: Int = ContextCompat.getColor(progress.context, R.color.colorPrimary)){
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        progress.progressTintList = ColorStateList.valueOf(color)
    } else{
        val layerDrawable = progress.progressDrawable as? LayerDrawable
        val progressDrawable = layerDrawable?.findDrawableByLayerId(android.R.id.progress)
        progressDrawable?.setColorFilter(color, PorterDuff.Mode.SRC_ATOP)
    }
}

Чтобы изменить неопределенный цвет ProgressBar:

fun tintIndeterminateProgress(progress: ProgressBar, @ColorInt color: Int = ContextCompat.getColor(progress.context, R.color.colorPrimary)){
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        progress.indeterminateTintList = ColorStateList.valueOf(color)
    } else {
        (progress.indeterminateDrawable as? LayerDrawable)?.apply {
            if (numberOfLayers >= 2) {
                setId(0, android.R.id.progress)
                setId(1, android.R.id.secondaryProgress)
                val progressDrawable = findDrawableByLayerId(android.R.id.progress).mutate()
                progressDrawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP)
            }
        }
    }
}

И это, наконец, нормально подкрасить прогресс леденец на палочке

Пользовательский стиль горизонтального индикатора выполнения:

Изменить цвет фона и прогресс горизонтального индикатора выполнения.

<style name="MyProgressBar" parent="@style/Widget.AppCompat.ProgressBar.Horizontal">
    <item name="android:progressBackgroundTint">#69f0ae</item>
    <item name="android:progressTint">#b71c1c</item>
    <item name="android:minWidth">200dp</item>
</style>

Примените его на индикатор выполнения, установив атрибут стиля, для пользовательских стилей материала и проверки пользовательского индикатора выполнения http://www.zoftino.com/android-progressbar-and-custom-progressbar-examples

Написал, чтобы добавить информацию об ответе PaulieG , так как ateiob попросил меня кое-что объяснить ...

Я могу сказать, что существует (или, по крайней мере, было, во время написания, когда я смотрел на эту текущую версию исходного кода Android) ошибка / проблема / оптимизация в ProgressBarкоде, которая игнорирует попытку установить прогресс в значение, которое он уже в.

• т. е. если progress = 45, и вы пытаетесь установить его на 45, код ничего не будет делать и не будет перерисовывать прогресс .

После вызова ProgressBar.setProgressDrawable()ваш индикатор выполнения будет пустым (потому что вы изменили рисованную часть).

Это означает, что вам нужно установить прогресс и перерисовать его. Но если вы просто установите прогресс в сохраненное значение, это ничего не изменит.

Сначала необходимо установить значение 0, затем снова «старое» значение, и полоса будет перерисована.

Итак, подведем итог:

• сохранить «старое» значение прогресса
• обновить рисование / цвет (делает панель пустой)
• сбросить прогресс до 0 (иначе следующая строка ничего не делает)
• сбросить прогресс до «старого» значения (панель исправлений)
• Invalidate

Ниже у меня есть метод, который делает это:

protected void onResume()
{
    super.onResume();
    progBar = (ProgressBar) findViewById(R.id.progress_base);

    int oldProgress = progBar.getProgress();

    // define new drawable/colour
    final float[] roundedCorners = new float[]
        { 5, 5, 5, 5, 5, 5, 5, 5 };
    ShapeDrawable shape = new ShapeDrawable(new RoundRectShape(
        roundedCorners, null, null));
    String MyColor = "#FF00FF";
    shape.getPaint().setColor(Color.parseColor(MyColor));
    ClipDrawable clip = new ClipDrawable(shape, Gravity.LEFT,
        ClipDrawable.HORIZONTAL);
    progBar.setProgressDrawable(clip);

    progBar.setBackgroundDrawable(getResources().getDrawable(
        android.R.drawable.progress_horizontal));

    // work around: setProgress() ignores a change to the same value
    progBar.setProgress(0);
    progBar.setProgress(oldProgress);

    progBar.invalidate();
}

Что касается решения HappyEngineer, я думаю, что это был похожий обходной путь, чтобы вручную установить смещение «прогресса». В любом случае приведенный выше код должен работать на вас.

Используйте android.support.v4.graphics.drawable.DrawableCompat :

            Drawable progressDrawable = progressBar.getIndeterminateDrawable();
            if (progressDrawable  != null) {
                Drawable mutateDrawable = progressDrawable.mutate();
                DrawableCompat.setTint(mutateDrawable, primaryColor);
                progressBar.setProgressDrawable(mutateDrawable);
            }

просто используйте:

PorterDuff.Mode mode = PorterDuff.Mode.SRC_IN;
if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.GINGERBREAD_MR1) {
    mode = PorterDuff.Mode.MULTIPLY;
}

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    progressBar.setProgressTintList(ColorStateList.valueOf(Color.RED));
    progressBar.setProgressBackgroundTintList(ColorStateList.valueOf(Color.RED));
} else {
    Drawable progressDrawable;
    progressDrawable = (progressBar.isIndeterminate() ? progressBar.getIndeterminateDrawable() : progressBar.getProgressDrawable()).mutate();
    progressDrawable.setColorFilter(context.getResources().getColor(Color.RED), mode);
    progressBar.setProgressDrawable(progressDrawable);
}

Для горизонтального стиля ProgressBar я использую:

import android.widget.ProgressBar;
import android.graphics.drawable.GradientDrawable;
import android.graphics.drawable.ClipDrawable;
import android.view.Gravity;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.LayerDrawable;

public void setColours(ProgressBar progressBar,
                        int bgCol1, int bgCol2, 
                        int fg1Col1, int fg1Col2, int value1,
                        int fg2Col1, int fg2Col2, int value2)
  {
    //If solid colours are required for an element, then set
    //that elements Col1 param s the same as its Col2 param
    //(eg fg1Col1 == fg1Col2).

    //fgGradDirection and/or bgGradDirection could be parameters
    //if you require other gradient directions eg LEFT_RIGHT.

    GradientDrawable.Orientation fgGradDirection
        = GradientDrawable.Orientation.TOP_BOTTOM;
    GradientDrawable.Orientation bgGradDirection
        = GradientDrawable.Orientation.TOP_BOTTOM;

    //Background
    GradientDrawable bgGradDrawable = new GradientDrawable(
            bgGradDirection, new int[]{bgCol1, bgCol2});
    bgGradDrawable.setShape(GradientDrawable.RECTANGLE);
    bgGradDrawable.setCornerRadius(5);
    ClipDrawable bgclip = new ClipDrawable(
            bgGradDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);     
    bgclip.setLevel(10000);

    //SecondaryProgress
    GradientDrawable fg2GradDrawable = new GradientDrawable(
            fgGradDirection, new int[]{fg2Col1, fg2Col2});
    fg2GradDrawable.setShape(GradientDrawable.RECTANGLE);
    fg2GradDrawable.setCornerRadius(5);
    ClipDrawable fg2clip = new ClipDrawable(
            fg2GradDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);        

    //Progress
    GradientDrawable fg1GradDrawable = new GradientDrawable(
            fgGradDirection, new int[]{fg1Col1, fg1Col2});
    fg1GradDrawable.setShape(GradientDrawable.RECTANGLE);
    fg1GradDrawable.setCornerRadius(5);
    ClipDrawable fg1clip = new ClipDrawable(
            fg1GradDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);        

    //Setup LayerDrawable and assign to progressBar
    Drawable[] progressDrawables = {bgclip, fg2clip, fg1clip};
    LayerDrawable progressLayerDrawable = new LayerDrawable(progressDrawables);     
    progressLayerDrawable.setId(0, android.R.id.background);
    progressLayerDrawable.setId(1, android.R.id.secondaryProgress);
    progressLayerDrawable.setId(2, android.R.id.progress);

    //Copy the existing ProgressDrawable bounds to the new one.
    Rect bounds = progressBar.getProgressDrawable().getBounds();
    progressBar.setProgressDrawable(progressLayerDrawable);     
    progressBar.getProgressDrawable().setBounds(bounds);

    // setProgress() ignores a change to the same value, so:
    if (value1 == 0)
        progressBar.setProgress(1);
    else
        progressBar.setProgress(0);
    progressBar.setProgress(value1);

    // setSecondaryProgress() ignores a change to the same value, so:
    if (value2 == 0)
        progressBar.setSecondaryProgress(1);
    else
        progressBar.setSecondaryProgress(0);
    progressBar.setSecondaryProgress(value2);

    //now force a redraw
    progressBar.invalidate();
  }

Пример вызова будет:

  setColours(myProgressBar, 
          0xff303030,   //bgCol1  grey 
          0xff909090,   //bgCol2  lighter grey 
          0xff0000FF,   //fg1Col1 blue 
          0xffFFFFFF,   //fg1Col2 white
          50,           //value1
          0xffFF0000,   //fg2Col1 red 
          0xffFFFFFF,   //fg2Col2 white
          75);          //value2

Если вам не нужен «вторичный прогресс», просто установите value2 в значение1.

Примените этот пользовательский стиль к индикатору выполнения.

<style name="customProgress" parent="@android:style/Widget.ProgressBar.Small">
        <item name="android:indeterminateDrawable">@drawable/progress</item>
        <item name="android:duration">40</item>
        <item name="android:animationCache">true</item>
        <item name="android:drawingCacheQuality">low</item>
        <item name="android:persistentDrawingCache">animation</item>
    </style>

@ drawable / progress.xml -

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/spinner_white"
    android:pivotX="50%"
    android:pivotY="50%" />

Используйте этот тип изображения для индикатора выполнения.

Для лучшего результата вы можете использовать несколько изображений прогресса. И, пожалуйста, не стесняйтесь использовать изображения, потому что сама платформа Android использует изображения для прогрессбара. Код извлекается из SDK :)

Согласно Мухаммаду-адилу, предложенному для SDK ver 21 и выше

android:indeterminateTint="@color/orange"

в XML работает для меня, достаточно просто.

Вот код для изменения цвета ProgressBar программно.

ProgressBar progressBar = (ProgressBar) findViewById(R.id.pb_listProgressBar);
int colorCodeDark = Color.parseColor("#F44336");
progressBar.setIndeterminateTintList(ColorStateList.valueOf(colorCodeDark));

ProgressBar freeRamPb = findViewById(R.id.free_ram_progress_bar);

freeRamPb.getProgressDrawable().setColorFilter(
Color.BLUE, android.graphics.PorterDuff.Mode.SRC_IN);