Androidで進行状況バーの進行状況の色を変更する方法
-
19-09-2019 - |
質問
Android アプリケーションで水平進行状況バーを使用していますが、その進行状況の色 (デフォルトでは黄色) を変更したいと考えています。を使用してどうすればよいですか code
(XMLではない)?
解決
私はそれが答えではないことを残念に思いますが、コードからそれを設定する必要性を駆動何?
そして.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>
他のヒント
水平プログレスバーのために、あなたはこのように、あまりにも、ColorFilter
を使用することができます:
progressBar.getProgressDrawable().setColorFilter(
Color.RED, android.graphics.PorterDuff.Mode.SRC_IN);
注:このアプリ内のすべてのプログレスバーの外観を変更します。 1つの特定のプログレスバーを変更するには、次の操作を行います:
Drawable progressDrawable = progressBar.getProgressDrawable().mutate();
progressDrawable.setColorFilter(Color.RED, android.graphics.PorterDuff.Mode.SRC_IN);
progressBar.setProgressDrawable(progressDrawable);
プログレスバーが不確定である場合は、、代わりにgetIndeterminateDrawable()
のgetProgressDrawable()
を使用します。
ロリポップ(API 21)以来、あなたは進捗色合いを設定することができます
progressBar.setProgressTintList(ColorStateList.valueOf(Color.RED));
このプログラムではありませんが、私はそれがとにかく多くの人々を助けることができると思います。
私は多くのことをしようと、最も効率的な方法は、.xmlのファイルで私のプログレスバーにこの行を追加することでした。
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 + の
私の不確定プログレスバー(スピナー)のために私はちょうど描画可能な上にカラーフィルタを設定します。素晴らしい作品とちょうど1行。
赤色に例設定色:
ProgressBar spinner = new android.widget.ProgressBar(
context,
null,
android.R.attr.progressBarStyle);
spinner.getIndeterminateDrawable().setColorFilter(0xFFFF0000, android.graphics.PorterDuff.Mode.MULTIPLY);
これは古い質問ですが、テーマの使用についてはここでは触れていません。デフォルトのテーマが使用している場合 AppCompat
, 、 あなたの ProgressBar
の色になります colorAccent
あなたが定義しました。
変化 colorAccent
あなたも変わります ProgressBar
の色ですが、複数の箇所にも反映される変更があります。したがって、特定の色だけを別の色にしたい場合は、 PregressBar
それにテーマを適用することでそれを行うことができます ProgressBar
:
デフォルトのテーマを拡張してオーバーライドする
colorAccent
<style name="AppTheme.WhiteAccent"> <item name="colorAccent">@color/white</item> <!-- Whatever color you want--> </style>
そして、
ProgressBar
を追加しますandroid:theme
属性:android:theme="@style/AppTheme.WhiteAccent"
したがって、次のようになります。
<ProgressBar
android:id="@+id/loading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="10dp"
android:theme="@style/AppTheme.WhiteAccent" />
したがって、あなたはただ変更しているだけです colorAccent
あなた専用の ProgressBar
.
注記:使用する style
動作しないでしょう。使用する必要があります android:theme
のみ。テーマのその他の使用法はここで見つけることができます。 https://plus.google.com/u/0/+AndroidDevelopers/posts/JXHKyhsWHAH
のすべてのAPI の
使用している場合は、すべてのAPIは、スタイルだけでテーマを作成
style.xml
<resources>
//...
<style name="progressBarBlue" parent="@style/Theme.AppCompat">
<item name="colorAccent">@color/blue</item>
</style>
</resources>
と
進行中で使用<ProgressBar
...
android:theme="@style/progressBarBlue" />
<時間>
の APIレベル21より高いの
APIレベル21で使用され、より高いだけで、このコードを使用する場合:
<ProgressBar
//...
android:indeterminate="true"
android:indeterminateTintMode="src_atop"
android:indeterminateTint="@color/secondary"/>
の提案の一部につきとして、あなたはそれを設定し、色と形とclipdrawableを指定することができます。私はこのプログラムで働いてきました。これは私がそれを行う方法です..
まず、あなたが描画可能なライブラリをインポートしてください..
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);
これは私のために働いてます:
<ProgressBar
android:indeterminateTint="#d60909"
... />
不定の場合:
((ProgressBar)findViewById(R.id.progressBar))
.getIndeterminateDrawable()
.setColorFilter(Color.RED, PorterDuff.Mode.SRC_IN);
今日では2016年に私はすべてのAPIのための私の最終的な解決策は、現在、以下のある、いくつかの事前ロリポップデバイスはcolorAccent
設定を尊重していない見つけます:
// 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);
}
は、ボーナスポイントの場合は、任意の非推奨のコードを使用していません。それを試してみてください!
これが私がやったことです。働きました。
プログレスバー:
<ProgressBar
android:id="@+id/progressBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="4"
android:indeterminateDrawable="@drawable/progressdrawable"
/>
Progressdrawable.xml:
ここではグラデーションを使って好きなように色を変えます。また、android:toDegrees="X" とすると、X の値が増加し、プログレスバーが高速に回転します。減らすと回転が遅くなります。必要に応じてカスタマイズしてください。
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="4000"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="360" >
<shape
android:innerRadius="20dp"
android:shape="ring"
android:thickness="4dp"
android:useLevel="false" >
<size
android:height="48dp"
android:width="48dp" />
<gradient
android:centerColor="#80ec7e2a"
android:centerY="0.5"
android:endColor="#ffec7e2a"
android:startColor="#00ec7e2a"
android:type="sweep"
android:useLevel="false" />
</shape>
</rotate>
デフォルトのプログレスバーの外観を変更する作業中に同じ問題が発生します。ここに、人々に役立つことを願ってさらにいくつかの情報があります:)
- XML ファイルの名前には次の文字のみを含める必要があります。
a-z0-9_.
(すなわち。大文字はありません!) - 「描画可能」を参照するには、
R.drawable.filename
- デフォルトの外観をオーバーライドするには、次を使用します
myProgressBar.setProgressDrawable(...)
, ただし、カスタム レイアウトを単に参照することはできません。R.drawable.filename
, として取得する必要があります。Drawable
:Resources res = getResources(); myProgressBar.setProgressDrawable(res.getDrawable(R.drawable.filename);
- 進行状況/二次進行状況/最大値を設定する前にスタイルを設定する必要があります (後で設定すると「空の」プログレスバーが表示されました)
この回答で言及されていない一つのことは、おそらくあります
あなたのテーマはTheme.AppCompat
から継承している場合、ProgressBar
は、あなたのテーマに"colorAccent"
として定義された色を想定します。
だから、使用して..
<item name="colorAccent">@color/custom_color</item>
.. @color/custom_color
に自動的にプログレスバーの色の着色されます。
私は水平プログレスバーでそれをやった方法:
LayerDrawable layerDrawable = (LayerDrawable) progressBar.getProgressDrawable();
Drawable progressDrawable = layerDrawable.findDrawableByLayerId(android.R.id.progress);
progressDrawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
スタイルやテーマを変更したり、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 がこんなに混乱しているのは残念です!
android:progressTint="#ffffff"
最も簡単な解決策をあなたは、レイアウト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" />
このソリューションは、私のために働いてます:
<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"/>
あなたが基本テーマを継承している場合でなければなりませんあなたのテーマを圧縮アプリのためのように、もう一つの小さなことが、テーマのソリューションは、動作します:
<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"/>
に関する情報を追加するために投稿されました PaulieGさんの答え, 、ateiob が私に何か説明してほしいと頼んだので...
私が言えるのは、 ProgressBar
進行状況をすでにある値に設定しようとする試みを無視するコード。
- つまり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 のソリューションに関しては、「進行状況」オフセットを手動で設定するという同様の回避策だったと思います。どちらの場合でも、上記のコードは機能するはずです。
android.support.v4.graphicsを使用してください。 のdrawable.DrawableCompatます:
Drawable progressDrawable = progressBar.getIndeterminateDrawable();
if (progressDrawable != null) {
Drawable mutateDrawable = progressDrawable.mutate();
DrawableCompat.setTint(mutateDrawable, primaryColor);
progressBar.setProgressDrawable(mutateDrawable);
}
私が使用して水平スタイルのプログレスバーの場合:
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
あなたはVALUE1に「二次進行」単に設定値2を必要としない場合ます。
プログレスバーに、このカスタムスタイルを適用します。
<style name="customProgress" parent="@android:style/Widget.ProgressBar.Small">
<item name="android:indeterminateDrawable">@drawable/progress</item>
<item name="android:duration">40</item>
<item name="android:animationCache">true</item>
<item name="android:drawingCacheQuality">low</item>
<item name="android:persistentDrawingCache">animation</item>
</style>
描画可能/ progress.xml @ -
<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/spinner_white"
android:pivotX="50%"
android:pivotY="50%" />
プログレスバーのイメージのこのタイプを使用してください。 "ここに画像の説明を入力し、" の
より良い結果のためには、複数の進行状況の画像を使用することができます。 Androidプラットフォーム自体は、プログレスバーのイメージを使用しているためと、画像を使用して躊躇しないでください。 コードは、SDKから抽出される。)
ここではプログラム的によりプログレスバーの色を変更するためのコードである。
ProgressBar progressBar = (ProgressBar) findViewById(R.id.pb_listProgressBar);
int colorCodeDark = Color.parseColor("#F44336");
progressBar.setIndeterminateTintList(ColorStateList.valueOf(colorCodeDark));
ProgressBar freeRamPb = findViewById(R.id.free_ram_progress_bar);
freeRamPb.getProgressDrawable().setColorFilter(
Color.BLUE, android.graphics.PorterDuff.Mode.SRC_IN);
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);
}
これはコードをプログレスバーするためのカスタム色を設定するために私を助けました。ホープは役立ちます。
ムハンマド・アディルが示唆あたりとして 21版SDKおよび
上記android:indeterminateTint="@color/orange"
XML作品で私のために、十分に簡単です。
これは、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"/>
水平進行状況バーのカスタム マテリアル スタイル:
背景の色と水平進行状況バーの進行状況を変更します。
<style name="MyProgressBar" parent="@style/Widget.AppCompat.ProgressBar.Horizontal">
<item name="android:progressBackgroundTint">#69f0ae</item>
<item name="android:progressTint">#b71c1c</item>
<item name="android:minWidth">200dp</item>
</style>
カスタムマテリアルスタイルとカスタムプログレスバーチェック用に、スタイル属性を設定してプログレスバーに適用します。 http://www.zoftino.com/android-progressbar-and-custom-progressbar-examples
(kotlinに)水平プログレスバーの色を変更する
fun tintHorizontalProgress(progress: ProgressBar, @ColorInt color: Int = ContextCompat.getColor(progress.context, R.color.colorPrimary)){
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
progress.progressTintList = ColorStateList.valueOf(color)
} else{
val layerDrawable = progress.progressDrawable as? LayerDrawable
val progressDrawable = layerDrawable?.findDrawableByLayerId(android.R.id.progress)
progressDrawable?.setColorFilter(color, PorterDuff.Mode.SRC_ATOP)
}
}
不定のProgressBarの色を変更するには:
fun tintIndeterminateProgress(progress: ProgressBar, @ColorInt color: Int = ContextCompat.getColor(progress.context, R.color.colorPrimary)){
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
progress.indeterminateTintList = ColorStateList.valueOf(color)
} else {
(progress.indeterminateDrawable as? LayerDrawable)?.apply {
if (numberOfLayers >= 2) {
setId(0, android.R.id.progress)
setId(1, android.R.id.secondaryProgress)
val progressDrawable = findDrawableByLayerId(android.R.id.progress).mutate()
progressDrawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP)
}
}
}
}
そして最後に正常に色合い前ロリポップ進捗バー