Android'de ProgressBar'ın ilerleme göstergesi rengini değiştirme

Yatay ayarladım ProgressBar.

İlerleme rengini sarıya değiştirmek istiyorum.

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

Sorun şu ki, ilerleme rengi farklı cihazlarda farklı. Yani, ilerleme rengini düzeltmesini istiyorum.

Bunu uygulamalarımdan birinden kopyaladım, bu yüzden birkaç ekstra özellik var, ancak size fikir vermeli. Bu, ilerleme çubuğuna sahip düzenden:

<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" />

Sonra aşağıdakine benzer bir şeyle yeni bir çekilebilir oluşturun (Bu durumda 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>

Renkleri gerektiği gibi değiştirebilirsiniz, bu size yeşil bir ilerleme çubuğu verir.

Daha basit bir çözüm:

progess_drawable_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>

Sadece bir stil oluşturun values/styles.xml.

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

Ardından bu stili ProgressBartemanız olarak ayarlayın .

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

ve ilerleme çubuğunuzun yatay veya dairesel olması önemli değildir. Bu kadar.

Yalnızca ilerleme çubuğu rengini değiştirmek istiyorsanız, Aktivitenin onCreate () yönteminde bir renk filtresi kullanabilirsiniz:

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);

Buradan fikir .

Bunu sadece lolipop öncesi versiyonlar için yapmanız gerekir. Lollipop'ta colorAccent stil niteliğini kullanabilirsiniz.

API seviye 21 veya üstü için

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

Bu soruyu çözmenin 3 yolu vardır:

1. İlerleme çubuğu rengini bildirici olarak ayarlama
2. İlerleme çubuğu rengini programlı olarak ayarlama, ancak derleme saatinden önce belirtilen çeşitli önceden belirlenmiş renklerden rengi seçme
3. İlerleme çubuğu rengini programlı olarak ayarlama ve ayrıca rengi programlı olarak oluşturma.

Özellikle amfcosta'un cevabına yapılan yorumlarda görüldüğü gibi # 2 ve # 3 hakkında çok fazla karışıklık var. Bu yanıt, ilerleme çubuğunu yalnızca arka plan rengini değiştirdiğinden ve gerçek ilerleme çubuğu "klip" alanı azaltılmış opaklığa sahip sarı bir kaplama olacağından, ilerleme çubuğunu birincil renkler dışında herhangi bir şeye ayarlamak istediğinizde öngörülemeyen renk sonuçları verir. Örneğin, arka planı koyu mor olarak ayarlamak için bu yöntemi kullanmak, azaltılmış alfa ile koyu mor ve sarı karışımından kaynaklanan bazı çılgın pembemsi renkte bir ilerleme çubuğu "klip" rengiyle sonuçlanır.

Her neyse, # 1, Ryan tarafından yanıtlandı ve Štarke # 3'ün çoğuna cevap veriyor, ancak # 2 ve # 3'e tam bir çözüm arayanlar için:

İlerleme çubuğu rengini programlı olarak ayarlama, ancak XML'de bildirilen önceden belirlenmiş bir renkten rengi seçme

res / çekilebilir / my_progressbar.xml :

Bu dosyayı oluşturun ancak my_progress ve my_secondsProgress içindeki renkleri değiştirin:

(NOT: Bu, varsayılan android SDK ProgressBar'ı tanımlayan gerçek XML dosyasının bir kopyasıdır, ancak kimlikleri ve Renkleri değiştirdim. Orijinal adı progress_horizontal olarak adlandırılır)

<?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'nızda :

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)

İlerleme çubuğu rengini programlı olarak ayarlama ve ayrıca rengi programlı olarak oluşturma

EDIT: Bunu düzgün çözmek için zaman buldum. Eski cevabım bunu biraz belirsiz bıraktı.

ProgressBar, LayerDrawable'da 3 Drawable olarak oluşturulur.

1. Katman 1 arka plan
2. Katman 2, ikincil ilerleme rengidir
3. Katman 3 ana ilerleme çubuğu rengidir

Aşağıdaki örnekte ana ilerleme çubuğunun rengini camgöbeği olarak değiştireceğim.

//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);

Bu örnek onu düz bir renge ayarladı. Değiştirerek degrade rengine ayarlayabilirsiniz.

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

ile

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

Şerefe.

Lance

API düzeyinde 21 veya daha üstündeyseniz, şu XML özelliklerini kullanabilirsiniz:

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

Bulduğum en basit çözüm şöyle:

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

Yukarıdakileri klasör styles.xmlaltındaki dosyaya koyun res > values.

NOT: Başka bir vurgu rengi kullanırsanız, önceki çözümlerin iyi olması gerekir.

API 21 veya YÜKSEK

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

Programlı olarak nasıl yapılacağını arayan herkes iç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);

Kimliklerin çekilebilir malzemelere ayarlanması çok önemlidir ve sınırların ve gerçek ilerleme durum çubuğunun korunmasına özen gösterir

Siz gerçekten başım ağrıyor. Yapabileceğiniz şey, katman listenizi önce xml ile çizilebilir yapmaktır (yani, birinci katman olarak arka plan, ikinci katman olarak ikincil ilerlemeyi temsil eden bir çekilebilir ve son katman olarak birincil ilerlemeyi temsil eden başka bir çekilebilir), ardından değiştirin aşağıdakileri yaparak koddaki renk:

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);
    }
}

Bu yöntem, özellikle xml dosya ekran klasörüne özel gereksinim duyuyorsanız, yalnızca xml dosya ekran klasörüne sahip olmanız gerekiyorsa, sadece xml üzerinde orijinal çekilebilir ölçümün bildirilmesine ilişkin en iyi esnekliği verecektir. kodu. Sıfırdan yeni bir ShapeDrawable yeniden başlatılmasına gerek yok.

ProgressBar rengi aşağıdaki gibi değiştirilebilir:

/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);
}

İhtiyacınız olan arka planı çekilebilir bir kaynak oluşturun, benim durumumda 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>

Sonra bu özel arka planı aşağıdaki gibi kullanın:

 <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" />

Benim için iyi çalışıyor

Xml dilinde:

<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
    }

Malzeme Bileşenleri Kütüphanesi ProgressIndicatorile app:indicatorColorrengi değiştirmek için with niteliğini kullanabilirsiniz:

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

Not : en azından sürüm gerektirir1.3.0-alpha01 .

İle ProgressBarkullandığınız rengi geçersiz kılabilirsiniz:

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

ile:

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

Android'de programlı olarak birincil ve ikincil ilerleme rengini yatay ilerleme çubuğuna ayarlamak istiyorsanız, aşağıdaki snippet'i kullanın

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));