553

Android アプリケーションで水平プログレス バーを使用しており、そのプログレス カラー (デフォルトでは黄色) を変更したいと考えています。code(XML ではなく)を使用してどのように行うことができますか?

4

41 に答える 41

480

これはプログラムによるものではありませんが、とにかく多くの人を助けることができると思います.
私は多くのことを試しましたが、最も効率的な方法は、次の行を .xml ファイルの ProgressBar に追加することでした。

            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 以降で機能します

于 2015-07-11T16:04:12.660 に答える
309

答えでなくて申し訳ありませんが、コードから要件を設定する理由は何ですか? 正しく.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>
于 2010-01-07T15:00:00.447 に答える
244

不確定なプログレスバー (スピナー) の場合、ドローアブルにカラーフィルターを設定しました。うまく機能し、たった1行です。

色を赤に設定する例:

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

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

ここに画像の説明を入力

于 2012-06-07T09:14:23.923 に答える
34

いくつかの提案に従って、形状と色でクリップドローアブルを指定してから設定することができます。私はこれをプログラムで機能させています。これが私のやり方です。

まず、ドローアブルライブラリをインポートしてください。

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);
于 2011-03-06T09:46:33.300 に答える
24

現在、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);
}

おまけとして、非推奨のコードは一切使用していません。それを試してみてください！

于 2016-09-14T10:31:09.800 に答える
22 
android:progressTint="#ffffff"
于 2016-09-14T13:32:04.057 に答える
19

デフォルトのプログレス バーのルック アンド フィールを変更しているときに、同じ問題が発生します。ここに、うまくいけば人々を助ける情報がいくつかあります:)

  • xml ファイルの名前には次の文字のみを含める必要があります: a-z0-9_.(つまり、大文字は使用できません!)
  • 「ドローアブル」を参照するには、R.drawable.filename
  • デフォルトの外観をオーバーライドするには、 を使用myProgressBar.setProgressDrawable(...)しますが、カスタム レイアウトを として参照するだけでなくR.drawable.filename、 として取得する必要がありますDrawable。
    Resources res = getResources();
myProgressBar.setProgressDrawable(res.getDrawable(R.drawable.filename);
  • プログレス/セカンダリプログレス/最大を設定する前にスタイルを設定する必要があります（後で設定すると、プログレスバーが「空」になりました）
于 2011-02-28T12:41:32.593 に答える
17

スタイルやテーマを変更したり、必要な場所で android:indeterminateTint="@color/yourColor" を使用したりできますが、どの Android SKD バージョンでも機能する方法が 1 つだけあります。

プログレスバーが不確定でない場合は、次を使用してください。

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がこんなに混乱しているのは悲しいことです！

于 2017-12-04T16:53:02.173 に答える
15

水平の ProgressBar でどのように実行したか:

    LayerDrawable layerDrawable = (LayerDrawable) progressBar.getProgressDrawable();
    Drawable progressDrawable = layerDrawable.findDrawableByLayerId(android.R.id.progress);
    progressDrawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
于 2015-12-16T11:36:05.420 に答える
15

おそらく、この回答で言及されていないことが 1 つあります。

テーマが から継承されている場合、Theme.AppCompatは、テーマでProgressBar定義した色を想定"colorAccent"します。

だから、使用して..

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

..ProgressBar の色を自動的に色付けし@color/custom_colorます。

于 2016-01-21T18:53:00.630 に答える
14

レイアウト 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" />
于 2017-11-25T04:27:46.127 に答える
8

もう1つ、基本テーマを継承するとテーマソリューションが機能するため、アプリコンパクトの場合、テーマは次のようになります。

<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"/>
于 2017-05-23T19:27:53.360 に答える
6

ateiobが私に何かを説明するように頼んだので、PaulieGの答えについての情報を追加するために投稿されました...

ProgressBar進行状況を値に設定する試みを無視するバグ/問題/最適化がコードにある（または少なくとも、Androidソースコードの現在のバージョンを調べた時点で）と言えます。すでににあります。

  • つまり、progress = 45で、それを45に設定しようとすると、コードは何もせず、進行状況を再描画しません。

を呼び出した後ProgressBar.setProgressDrawable()、プログレスバーは空白になります（描画可能な部分を変更したため）。

これは、進行状況を設定して再描画する必要があることを意味します。ただし、進行状況を保存された値に設定しただけでは、何も実行されません。

最初に0に設定してから、もう一度「古い」値に設定する必要があります。そうすると、バーが再描画されます。

要約すると、次のようになります。

  • 「古い」進捗値を保持する
  • ドローアブル/カラーを更新します（バーを空白にします）
  • 進行状況を0にリセットします（それ以外の場合、次の行は何もしません）
  • 進行状況を「古い」値にリセットします（修正バー）
  • 無効にする

以下は私がこれを行う方法です：

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のソリューションに関しては、「進行状況」のオフセットを手動で設定することも同様の回避策だったと思います。どちらの場合でも、上記のコードが機能するはずです。

于 2012-07-02T06:01:39.507 に答える
6

android.support.v4.graphics.drawable.DrawableCompatを使用します。

            Drawable progressDrawable = progressBar.getIndeterminateDrawable();
            if (progressDrawable  != null) {
                Drawable mutateDrawable = progressDrawable.mutate();
                DrawableCompat.setTint(mutateDrawable, primaryColor);
                progressBar.setProgressDrawable(mutateDrawable);
            }
于 2018-03-15T13:35:17.677 に答える
4

水平スタイルの 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 を value1 に設定します。

于 2012-10-21T11:09:59.147 に答える
3 
ProgressBar bar;

private Handler progressBarHandler = new Handler();

GradientDrawable progressGradientDrawable = new GradientDrawable(
        GradientDrawable.Orientation.LEFT_RIGHT, new int[]{
                0xff1e90ff,0xff006ab6,0xff367ba8});
ClipDrawable progressClipDrawable = new ClipDrawable(
        progressGradientDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);
Drawable[] progressDrawables = {
        new ColorDrawable(0xffffffff),
        progressClipDrawable, progressClipDrawable};
LayerDrawable progressLayerDrawable = new LayerDrawable(progressDrawables);


int status = 0;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // TODO Auto-generated method stub
    setContentView(R.layout.startup);

    bar = (ProgressBar) findViewById(R.id.start_page_progressBar);
    bar.setProgress(0);
    bar.setMax(100);

    progressLayerDrawable.setId(0, android.R.id.background);
    progressLayerDrawable.setId(1, android.R.id.secondaryProgress);
    progressLayerDrawable.setId(2, android.R.id.progress);

    bar.setProgressDrawable(progressLayerDrawable);
}

これは、コードを介してプログレスバーにカスタムカラーを設定するのに役立ちました. それが役に立てば幸い

于 2012-05-07T06:43:38.607 に答える
3

マルチスタイルのアプリを扱っている場合、 attr を使用するのはとても簡単です:

この方法を試してください：

以下の属性 attrs.xml を宣言します

 <attr name="circularProgressTheme" format="reference"></attr>

以下のコードを styles.xml に貼り付けます

 <style name="ProgressThemeWhite" parent="ThemeOverlay.AppCompat.Light">
        <item name="colorAccent">#FF0000</item>
    </style>

    <style name="circularProgressThemeWhite">
        <item name="android:theme">@style/ProgressThemeWhite</item>
    </style>


  <style name="AppTheme" parent="Theme.AppCompat.NoActionBar">

   <item name="circularProgressTheme">@style/circularProgressThemeWhite</item>

 </style>

以下のような進行状況バーを使用します

  <ProgressBar
        style="?attr/circularProgressTheme"
        android:id="@+id/commonProgress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:visibility="visible"/>
于 2017-06-24T07:35:21.087 に答える