web-dev-qa-db-fra.com

Comment changer la couleur dans la barre de progression circulaire?

J'utilise une barre de progression circulaire sur Android. Je souhaite changer la couleur de ceci. j'utilise 

"?android:attr/progressBarStyleLargeInverse"

style. Alors, comment changer la couleur de la barre de progression.

Comment personnaliser le style? En outre, quelle est la définition du style?

androidprogress-bar
118
mooongcle

Dans le dossier res/drawable, mettez ceci:

progress.xml

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

    <shape 
        Android:shape="ring" 
        Android:innerRadiusRatio="3"
        Android:thicknessRatio="8" 
        Android:useLevel="false">

    <size 
        Android:width="76dip" 
        Android:height="76dip" />

    <gradient 
        Android:type="sweep" 
        Android:useLevel="false"
        Android:startColor="#447a29" 
        Android:endColor="#00ffffff"
        Android:angle="0"/>

    </shape>

</rotate>

Réglez startColor et endColor selon votre choix.

Définissez maintenant ce progress.xml dans le backgound de ProgressBar.

Comme ça

<ProgressBar
  Android:id="@+id/ProgressBar01" 
 Android:layout_width="wrap_content"
 Android:layout_height="wrap_content"
 Android:indeterminateDrawable="@drawable/progress"
 />
130
Chirag

1.Premier créer un fichier XML dans un dossier pouvant être dessiné sous ressource 

nommé "progress.xml"

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

    <shape
        Android:innerRadiusRatio="3"
        Android:shape="ring"
        Android:thicknessRatio="8"
        Android:useLevel="false" >

    <size
        Android:height="76dip"
        Android:width="76dip" />

    <gradient
        Android:angle="0"
        Android:endColor="color/pink"
        Android:startColor="@Android:color/transparent"
        Android:type="sweep"
        Android:useLevel="false" />

    </shape>

</rotate>

2.puis faire une barre de progression en utilisant l’extrait suivant

<ProgressBar
    style="?android:attr/progressBarStyleLarge"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_above="@+id/relativeLayout1"
    Android:layout_centerHorizontal="true"
    Android:layout_marginBottom="20dp"
    Android:indeterminate="true"
    Android:indeterminateDrawable="@drawable/progress" />
125
Muhamed Riyas M

Pour API 21 et supérieur. Définissez simplement la propriété indeterminateTint. Comme:

Android:indeterminateTint="@Android:color/holo_orange_dark"

Pour prendre en charge les périphériques pré-API 21:

mProgressSpin.getIndeterminateDrawable()
                .setColorFilter(ContextCompat.getColor(this, R.color.colorPrimary), PorterDuff.Mode.SRC_IN );
92
Student222

Vous pouvez changer la couleur par programme en utilisant ce code: 

ProgressBar v = (ProgressBar) findViewById(R.id.progress);
v.getIndeterminateDrawable().setColorFilter(0xFFcc0000,
                        Android.graphics.PorterDuff.Mode.MULTIPLY);

Si vous voulez changer la couleur de la barre de progression de ProgressDialog, vous pouvez utiliser ceci: 

mDilog.setOnShowListener(new OnShowListener() {
        @Override
        public void onShow(DialogInterface dialog) {
            ProgressBar v = (ProgressBar)mDilog.findViewById(Android.R.id.progress);
            v.getIndeterminateDrawable().setColorFilter(0xFFcc0000,
                    Android.graphics.PorterDuff.Mode.MULTIPLY);

        }
    });
64
Dadroid

Pour ajouter à la réponse de Dato, je trouve que SRC_ATOP est un filtre préférable pour se multiplier car il prend mieux en charge le canal alpha.

ProgressBar v = (ProgressBar) findViewById(R.id.progress);
v.getIndeterminateDrawable().setColorFilter(0xFFcc0000, Android.graphics.PorterDuff.Mode.SRC_ATOP);
35
aikmanr

Android: indeterminateTint = "@ color/progressbar"

19
Bhupinder Singh

Pour personnaliser ProgressBar circulaire, nous devons créer un indéterminateDrawable pour afficher une barre de progression personnalisée

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

    <shape
        Android:innerRadiusRatio="3"
        Android:shape="ring"
        Android:thicknessRatio="8"
        Android:useLevel="false">

        <size
            Android:height="48dip"
            Android:width="48dip" />

        <gradient
            Android:centerColor="#f96047"
            Android:centerY="0.50"
            Android:endColor="#fb9c8d"
            Android:startColor="#f72d0c"
            Android:type="sweep"
            Android:useLevel="false" />

    </shape>

</rotate>

Nous devons inclure drawable in progressbar juste comme ci-dessous:

<ProgressBar
    Android:layout_width="wrap_content"
    Android:layout_centerInParent="true"
    style="?android:attr/progressBarStyleLarge"
    Android:visibility="visible"
    Android:progressDrawable="@drawable/widget_progressbar"
    Android:indeterminateDrawable="@drawable/widget_progressbar"
    Android:layout_height="wrap_content" />
11
Akshay Mukadam

styles.xml

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

  <ProgressBar
        Android:layout_width="@dimen/d_40"
        Android:layout_height="@dimen/d_40"
        Android:indeterminate="true"
        style="@style/Widget.AppCompat.ProgressBar"
        Android:theme="@style/CircularProgress"/>
11
Hardik Vasani

C'est un travail pour moi.

<ProgressBar
Android:id="@+id/ProgressBar01" 
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:indeterminateTint="@color/black"/>
9
Kaloglu

pour moi, le thème ne fonctionnait pas avec accentColor. Mais cela a fonctionné avec colorControlActivated

    <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"/>
7
S.Javed

Ajoutez à votre thème d'activité, élément colorControlActivated , par exemple:

    <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.Light.NoActionBar">
            ...
            <item name="colorControlActivated">@color/rocket_black</item>
            ...
    </style>

Appliquez ce style à votre activité dans le manifeste:

<activity
    Android:name=".packege.YourActivity"
    Android:theme="@style/AppTheme.NoActionBar"/>
3
Vladislav
Android:indeterminateTint="@color/yellow"

C'est un travail pour moi, il suffit d'ajouter cette ligne à votre code xml progressBar 

3
Yıldırım

Vous pouvez le faire avec une boîte de dialogue personnalisée assez facilement, en réutilisant le xml d’autres réponses:

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


<shape
    Android:innerRadiusRatio="3"
    Android:shape="ring"
    Android:thicknessRatio="8"
    Android:useLevel="false" >

    <size
        Android:height="76dip"
        Android:width="76dip" />

    <gradient
        Android:angle="0"
        Android:endColor="@color/oceanBlue"
        Android:startColor="@Android:color/transparent"
        Android:type="sweep"
        Android:useLevel="false" />

</shape>

Faites juste ceci:

public static class ModifiedProgressDialog extends ProgressDialog {
    public ModifiedProgressDialog(Context context) {
        super(context);
    }

    @Override
    public void show() {
        super.show();
        setIndeterminateDrawable(getContext().getResources().getDrawable(R.drawable.blue_progress));
    }
}
2
Nathaniel D. Waggoner

Vous pouvez utiliser un style pour changer la couleur de progression comme ci-dessous

 <style name="AppTheme.anyName">
        <item name="colorAccent">YOUR_COLOR</item>
    </style>

et l'utiliser dans la barre de progression comme ci-dessous

<ProgressBar
            style="?android:attr/progressBarStyle"
            Android:theme="@style/AppTheme.WhiteAccent"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_marginBottom="@dimen/dimen_30"
        />

J'espère que ça aide. 

1
Rahul

Pour compléter Muhamed Riyas M's réponse votée en haut:

Rotation plus rapide 

Android:toDegrees="1080"

Anneau plus mince

Android:thicknessRatio="16"

Blanc clair

Android:endColor="#80ffffff"
0
Suragch

vérifier ceci réponse out:

pour moi, ces deux lignes devaient être là pour que cela fonctionne et change la couleur:

Android:indeterminateTint="@color/yourColor"
Android:indeterminateTintMode="src_in"

PS: mais seulement disponible à partir de Android 21

0
Amin Keshavarzian

Pour tous ceux qui se demandent comment augmenter la vitesse de progression personnalisée

  <?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:pivotX="50%" Android:pivotY="50%" Android:fromDegrees="0"
Android:toDegrees="1080"><!--HERE YOU COULD INCREASE SPEED BY SETTING TODEGRESS(1080 is 3 loops instead of 1 in same amt of time)-->
<shape Android:shape="ring" Android:innerRadiusRatio="3"
    Android:thicknessRatio="8" Android:useLevel="false">
    <size Android:width="76dip" Android:height="76dip" />
    <gradient Android:type="sweep" Android:useLevel="false"
        Android:startColor="#447a29" 
        Android:endColor="#447a29"
        Android:angle="0"
         />
</shape>

0
Behl