Як змінити колір індикатора ходу ProgressBar в Android

Я встановив горизонтальний ProgressBar.

Я хотів би змінити колір прогресу на жовтий.

<ProgressBar 
    android:id="@+id/progressbar" 
    android:layout_width="80dip" 
    android:layout_height="20dip"  
    android:focusable="false" 
    style="?android:attr/progressBarStyleHorizontal" />

Проблема полягає в тому, що колір прогресу у різних пристроїв різний. Отже, я хочу, щоб він фіксував колір прогресу.

Я скопіював це з одного з моїх додатків, тому є кілька додаткових атрибутів, але я повинен дати вам ідею. Це з макета, на якому є смужка прогресу:

<ProgressBar
    android:id="@+id/ProgressBar"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:indeterminate="false"
    android:maxHeight="10dip"
    android:minHeight="10dip"
    android:progress="50"
    android:progressDrawable="@drawable/greenprogress" />

Тоді створіть новий малюнок із чимось подібним до наступного (У цьому випадку greenprogress.xml):

<?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:angle="270"
                android:centerColor="#ff5a5d5a"
                android:centerY="0.75"
                android:endColor="#ff747674"
                android:startColor="#ff9d9e9d" />
        </shape>
    </item>

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

</layer-list>

Ви можете змінити кольори за потребою, це дасть вам зелену смугу прогресу.

Більш просте рішення:

progess_dravable_blue

<?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>
        <solid
                android:color="@color/disabled" />
    </shape>
</item>

<item
    android:id="@android:id/progress">
    <clip>
        <shape>
            <solid
                android:color="@color/blue" />
        </shape>
    </clip>
</item>

</layer-list>

Просто створіть стиль в values/styles.xml.

<style name="ProgressBarStyle">
    <item name="colorAccent">@color/greenLight</item>
</style>

Потім встановіть цей стиль як свою ProgressBarтему.

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

і не має значення, що ваша смужка ходу - горизонтальна або кругла. Це все.

Якщо ви хочете змінити лише колір смужки прогресу, ви можете просто використовувати фільтр кольорів у методі onCreate () своєї діяльності:

ProgressBar progressbar = (ProgressBar) findViewById(R.id.progressbar);
int color = 0xFF00FF00;
progressbar.getIndeterminateDrawable().setColorFilter(color, PorterDuff.Mode.SRC_IN);
progressbar.getProgressDrawable().setColorFilter(color, PorterDuff.Mode.SRC_IN);

Ідея звідси .

Це потрібно робити лише для попередніх льодяників. У Lollipop ви можете використовувати атрибут стилю colorAccent.

для API рівня 21 або вище просто використовуйте

android:progressBackgroundTint="@color/yourBackgroundColor"
android:progressTint="@color/yourColor"

Існує 3 способи вирішити це питання:

1. Як декларативно налаштувати колір смуги прогресу
2. Як налаштувати колір смужки прогресу програмно, але вибрати колір із різних заздалегідь визначених кольорів, оголошених до моменту компіляції
3. Як програмно налаштувати колір панелі прогресу, а також створити колір програмно.

Зокрема, існує велика плутанина навколо №2 та №3, як це видно в коментарях до відповіді amfcosta. Ця відповідь дасть непередбачувані результати кольорів у будь-який час, коли ви хочете встановити панель прогресу на будь-що, крім основних кольорів, оскільки він лише змінює колір фону, а фактична область "кліпу" смужки ходу все ще буде жовтою накладкою зі зменшеною непрозорістю. Наприклад, використання цього методу для встановлення тла на темно-фіолетовий призведе до того, що смужка "кліпу" прогресує кольором якогось божевільного рожевого кольору в результаті змішування темно-фіолетового та жовтого кольору через зменшену альфа.

Тож як ні круто, на відповідь Раян Райан, а Штарке відповідає на більшість №3, але для тих, хто шукає повне рішення №2 та №3:

Як налаштувати колір смужки прогресу програмно, але вибрати колір із заздалегідь визначеного кольору, оголошеного в XML

res / dravable / my_progressbar.xml :

Створіть цей файл, але змініть кольори в my_progress та my_secondsProgress:

(ПРИМІТКА. Це лише копія фактичного файлу XML, що визначає стандартний андроїд SDK ProgressBar, але я змінив ідентифікатори та кольори. Оригінал названий progress_horizontal)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@+id/my_progress_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="@+id/my_secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <gradient
                android:startColor="#80ff171d"
                android:centerColor="#80ff1315"
                android:centerY="0.75"
                android:endColor="#a0ff0208"
                android:angle="270"
                />
        </shape>
    </clip>
</item>

<item android:id="@+id/my_progress">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <gradient
                android:startColor="#7d2afdff"
                android:centerColor="#ff2afdff"
                android:centerY="0.75"
                android:endColor="#ff22b9ba"
                android:angle="270"
                />
        </shape>
    </clip>
</item>

На вашій Java :

final Drawable drawable;
int sdk = android.os.Build.VERSION.SDK_INT;
    if(sdk < 16) {
        drawable =  ctx.getResources().getDrawable(R.drawable.my_progressbar);
    } else {
        drawable = ContextCompat.getDrawable(ctx, R.drawable.my_progressbar);
    }
progressBar.setProgressDrawable(drawable)

Як програмно налаштувати колір панелі прогресу, а також створити колір програмно

EDIT: Я знайшов час вирішити це правильно. Моя колишня відповідь залишила це трохи неоднозначним.

Програму ProgressBar складають у вигляді 3-х малюнків у шарі Dravavable.

1. Шар 1 - фон
2. Шар 2 є кольором вторинного прогресу
3. Шар 3 - основний колір смужки прогресу

У наведеному нижче прикладі я зміню колір основної смуги прогресу на синій.

//Create new ClipDrawable to replace the old one
float pxCornerRadius = viewUtils.convertDpToPixel(5);
final float[] roundedCorners = new float[] { pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius };
ShapeDrawable shpDrawable = new ShapeDrawable(new RoundRectShape(roundedCorners, null, null));
shpDrawable.getPaint().setColor(Color.CYAN);
final ClipDrawable newProgressClip = new ClipDrawable(shpDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);

//Replace the existing ClipDrawable with this new one
final LayerDrawable layers = (LayerDrawable) progressBar.getProgressDrawable();
layers.setDrawableByLayerId(R.id.my_progress, newProgressClip);

Цей приклад встановив її суцільний колір. Ви можете встановити його на колір градієнта, замінивши

shpDrawable.getPaint().setColor(Color.CYAN);

з

Shader shader = new LinearGradient(0, 0, 0, progressBar.getHeight(), Color.WHITE, Color.BLACK, Shader.TileMode.CLAMP);
shpDrawable.getPaint().setShader(shader);

Ура.

-Звінок

Якщо ви перебуваєте в рівні 21 або вище API, ви можете використовувати ці атрибути XML:

<!-- For indeterminate progress bar -->
android:indeterminateTint="@color/white"
<!-- For normal progress bar -->
android:progressTint="@color/white"

Найпростіше рішення, яке я знайшов, є щось подібне:

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

Покладіть вище у styles.xmlфайл під res > valuesпапку.

ПРИМІТКА. Якщо ви використовуєте будь-який інший колір акценту, то попередні рішення повинні бути корисними.

API 21 або ВИЩЕ

final LayerDrawable layers = (LayerDrawable) progressBar.getProgressDrawable();
layers.getDrawable(2).setColorFilter(color,PorterDuff.Mode.SRC_IN);

Для тих, хто шукає, як це зробити програмно:

    Drawable bckgrndDr = new ColorDrawable(Color.RED);
    Drawable secProgressDr = new ColorDrawable(Color.GRAY);
    Drawable progressDr = new ScaleDrawable(new ColorDrawable(Color.BLUE), Gravity.LEFT, 1, -1);
    LayerDrawable resultDr = new LayerDrawable(new Drawable[] { bckgrndDr, secProgressDr, progressDr });
    //setting ids is important
    resultDr.setId(0, android.R.id.background);
    resultDr.setId(1, android.R.id.secondaryProgress);
    resultDr.setId(2, android.R.id.progress);

Встановлення ідентифікаторів для чернетки є надзвичайно важливим, і це забезпечує збереження меж та фактичного стану смуги прогресу

Ви, хлопці, справді боліти мені. Що ви можете зробити, це зробити список шарів, який можна малювати спочатку через xml (маючи на увазі фон як перший шар, малюнок, який представляє вторинний прогрес у якості другого шару, та інший рисунок, який представляє первинний прогрес як останній шар), а потім змінити колір у коді, виконуючи наступні дії:

public void setPrimaryProgressColor(int colorInstance) {
      if (progressBar.getProgressDrawable() instanceof LayerDrawable) {
        Log.d(mLogTag, "Drawable is a layer drawable");
        LayerDrawable layered = (LayerDrawable) progressBar.getProgressDrawable();
        Drawable circleDrawableExample = layered.getDrawable(<whichever is your index of android.R.id.progress>);
        circleDrawableExample.setColorFilter(colorInstance, PorterDuff.Mode.SRC_IN);
        progressBar.setProgressDrawable(layered);
    } else {
        Log.d(mLogTag, "Fallback in case it's not a LayerDrawable");
        progressBar.getProgressDrawable().setColorFilter(color, PorterDuff.Mode.SRC_IN);
    }
}

Цей метод дасть вам найкращу гнучкість вимірювання оригінального малюваного зображення на xml, БЕЗ МОДИФІКАЦІЇ НА ЇЇ СТРУКТУРІ ПІСЛЯ, особливо якщо вам потрібно мати специфічну папку з файлом xml, а потім просто змінити ТІЛЬКИЙ КОЛЕР код. Ніякого повторного встановлення нового ShapeDravable з нуля.

Колір ProgressBar можна змінити наступним чином:

/res/values/colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorAccent">#FF4081</color>
</resources>

/res/values/styles.xml

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

onCreate:

progressBar = (ProgressBar) findViewById(R.id.progressBar);
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
    Drawable drawable = progressBar.getIndeterminateDrawable().mutate();
    drawable.setColorFilter(ContextCompat.getColor(this, R.color.colorAccent), PorterDuff.Mode.SRC_IN);
    progressBar.setIndeterminateDrawable(drawable);
}

Створіть ресурс, який можна отримати, який фон вам потрібен, в моєму випадку я назвав його bg_custom_progressbar.xml

<?xml version="1.0" encoding="utf-8"?>

<item>
    <shape android:shape="rectangle" >
        <corners android:radius="5dp"/>

        <gradient
            android:angle="180"
            android:endColor="#DADFD6"
            android:startColor="#AEB9A3" />
    </shape>
</item>
<item>
    <clip>
        <shape android:shape="rectangle" >
            <corners android:radius="5dp" />

            <gradient
                android:angle="180"
                android:endColor="#44CF4A"
                android:startColor="#2BB930" />
        </shape>
    </clip>
</item>
<item>
    <clip>
        <shape android:shape="rectangle" >
            <corners android:radius="5dp" />

            <gradient
                android:angle="180"
                android:endColor="#44CF4A"
                android:startColor="#2BB930" />
        </shape>
    </clip>
</item>

Потім використовуйте цей спеціальний фон, як-от

 <ProgressBar
                android:id="@+id/progressBarBarMenuHome"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="match_parent"
                android:layout_height="20dp"
                android:layout_marginStart="10dp"
                android:layout_marginEnd="10dp"
                android:layout_marginBottom="6dp"
                android:indeterminate="false"
                android:max="100"
                android:minWidth="200dp"
                android:minHeight="50dp"
                android:progress="10"
                android:progressDrawable="@drawable/bg_custom_progressbar" />

Це добре працює для мене

У xml:

<ProgressBar
                    android:id="@+id/progressBar"
                    style="?android:attr/progressBarStyleInverse"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_margin="@dimen/dimen_10dp"


                 android:indeterminateTint="@{viewModel.getComplainStatusUpdate(position)}"
                    android:indeterminate="true"
                    android:indeterminateOnly="false"
                    android:max="100"
                    android:clickable="false"
                    android:indeterminateDrawable="@drawable/round_progress"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />

ViewModel:

fun getComplainStatusUpdate(position: Int):Int{

                val list = myAllComplainList!!.getValue()
                if (list!!.get(position).complainStatus.equals("P")) {
                  //  progressBar.setProgressTintList(ColorStateList.valueOf(Color.RED));
                   // progressBar.setBackgroundResource(R.drawable.circle_shape)
                    return Color.RED
                } else if (list!!.get(position).complainStatus.equals("I")) {

                    return Color.GREEN
                } else {

                    return Color.GREEN
                }


return Color.CYAN
    }

З Матеріальні компоненти бібліотеки ви можете використовувати ProgressIndicatorз app:indicatorColorатрибутом , щоб змінити колір:

  <com.google.android.material.progressindicator.ProgressIndicator
      style="@style/Widget.MaterialComponents.ProgressIndicator.Linear.Determinate"
      app:indicatorColor="@color/..."
      app:indicatorWidth="..."
      app:trackColor="@color/..."
      />

Примітка : для цього потрібна принаймні версія 1.3.0-alpha01.

За допомогою ProgressBarви можете змінити колір за допомогою:

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

з:

<style name="CustomProgressBarTheme">
    <item name="colorAccent">@color/primaryDarkColor</item>
</style>

Якщо ви хочете встановити основний і вторинний колір прогресу на горизонтальній смузі прогресу програмно в андроїді, тоді використовуйте фрагмент нижче

int[][] states = new int[][] {
                        new int[] {-android.R.attr.state_checked},
                        new int[] {android.R.attr.state_checked},
                };

                int[] secondaryColor = new int[] {
                        context.getResources().getColor(R.color.graph_line_one),
                        Color.RED,
                };

                int[] primaryColor = new int[] {
                        context.getResources().getColor(R.color.middle_progress),
                        Color.BLUE,
                };
                progressbar.setProgressTintList(new ColorStateList(states, primaryColor));
                progressbar.setSecondaryProgressTintList(new ColorStateList(states, secondaryColor));