web-dev-qa-db-ja.com

円形の進行状況バーの色を変更するにはどうすればよいですか?

Androidで円形の進行状況バーを使用しています。これの色を変えたいです。使ってます

"?android:attr/progressBarStyleLargeInverse" 

スタイル。進行状況バーの色を変更する方法。

スタイルをカスタマイズするには?さらに、スタイルの定義は何ですか?

125
mooongcle

Res/drawableフォルダーに、これを配置します。

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> 

startColorおよびendColorを選択に従って設定します。

ここで、そのprogress.xmlProgressBarの背景に設定します。

このような

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

1.最初に、リソースの下のドローアブルフォルダーにxmlファイルを作成します

「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.次のスニペットを使用してプログレスバーを作成します

<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" />
128
Muhamed Riyas M

API 21以降の場合。 indeterminateTintプロパティを設定するだけです。のような:

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

API 21以前のデバイスをサポートするには:

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

このコードを使用して、プログラムで色を変更できます。

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

ProgressDialogのプログレスバーの色を変更したい場合、これを使用できます:

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

Datoの答えに追加するには、SRC_ATOPがアルファチャネルをよりよくサポートするため、乗算するのに好ましいフィルターであることがわかります。

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

Android:indeterminateTint = "@ color/progressbar"

23
Bhupinder Singh

円形のProgressBarをカスタマイズするには、カスタムプログレスバーを表示するindeterminateDrawableを作成する必要があります

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

次のように、プログレスバーにdrawableを含める必要があります。

<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

それは私の仕事です。

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

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
Android:indeterminateTint="@color/yellow"

これは私のために働いています、あなたのprogressBar xmlコードにこの行を追加するだけです

8
Yıldırım

私にとって、テーマはアクセントカラーで機能していませんでした。しかし、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

アクティビティテーマ、項目colorControlActivatedに追加します。例:

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

このスタイルをマニフェストのアクティビティに適用します。

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

これは、カスタムダイアログで非常に簡単に行うことができ、他の回答のxmlを再利用します。

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

これを行うだけです:

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

Muhamed Riyas M's 上位の回答を補足するには:

高速回転

Android:toDegrees="1080"

薄いリング

Android:thicknessRatio="16"

ライトホワイト

Android:endColor="#80ffffff"
1
Suragch

以下のような進行状況の色を変更するスタイルを使用できます

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

以下のようなProgressBarで使用します

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

それが役に立てば幸い。

1
Rahul

これを確認してください answer out:

私にとっては、この2行が機能し、色を変更する必要がありました。

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

PS:ただし、Android 21からのみ利用可能

0

カスタムの進行速度を上げる方法を知りたい人のために

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