Androidアプリケーションで水平プログレスバーを使用していて、そのプログレスカラー(デフォルトでは黄色)を変更したいと思います。code
(XMLではなく)どのように使用できますか?
android:indeterminateTint="@android:color/white"
21以上のAPIでのみ動作します
Androidアプリケーションで水平プログレスバーを使用していて、そのプログレスカラー(デフォルトでは黄色)を変更したいと思います。code
(XMLではなく)どのように使用できますか?
android:indeterminateTint="@android:color/white"
21以上のAPIでのみ動作します
回答:
それが答えではなくて申し訳ありませんが、コードからそれを設定する要件を動かしているのは何ですか?そして、.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>
水平ProgressBarの場合、次のようにを使用することもできます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);
progressBarが不確定の場合は、のgetIndeterminateDrawable()
代わりに使用してくださいgetProgressDrawable()
。
Lollipop(API 21)以降、進捗状況の色合いを設定できます:
progressBar.setProgressTintList(ColorStateList.valueOf(Color.RED));
getIndeterminateDrawable
不確定な進行状況を使用している場合は、同じことを行うことを忘れないでください。
これはプログラムではありませんが、とにかく多くの人を助けることができると思います。
私はたくさん試しましたが、最も効率的な方法は、この行を.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以降で機能します
私の不確定なプログレスバー(スピナー)では、ドローアブルにカラーフィルターを設定しました。1行でうまく動作します。
色を赤に設定する例:
ProgressBar spinner = new android.widget.ProgressBar(
context,
null,
android.R.attr.progressBarStyle);
spinner.getIndeterminateDrawable().setColorFilter(0xFFFF0000, android.graphics.PorterDuff.Mode.MULTIPLY);
android.graphics.PorterDuff.Mode.MULTIPLY
するPorterDuff.Mode.SRC_IN
と、正確な16進数の色が表示されます。
これは古い質問ですが、テーマの使用についてはここでは触れません。あなたのデフォルトのテーマを使用している場合は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"/>
いくつかの提案に従って、形状とクリップドローアブルを色で指定して設定できます。これはプログラム的に機能しています。これが私のやり方です。
まず、ドローアブルライブラリをインポートしてください。
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);
progress.setLevel(2500)
私にはうまくいきません、どういうわけかあなたの編集は受け入れられませんでした。ありがとう。+1。
これは私のために働きました:
<ProgressBar
android:indeterminateTint="#d60909"
... />
これでうまくいきます。下位バージョンでも動作します。これをsyles.xmlに追加します
<style name="ProgressBarTheme" parent="ThemeOverlay.AppCompat.Light">
<item name="colorAccent">@color/colorPrimary</item>
</style>
そして、これをxmlで使用してください
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:theme="@style/ProgressBarTheme"
/>
parent="ThemeOverlay.AppCompat.Light"
最近の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);
}
ボーナスポイントについては、非推奨のコードは使用していません。それを試してみてください!
wrapDrawable.mutate()
を忘れないでくださいDrawableCompat.setTint(wrapDrawable.mutate(), ContextCompat.getColor(getContext(), android.R.color.holo_green_light));
.xml
設定を確認し、他に何かがProgressBar
色を上書きしていないか確認してください。
プログレスバー:
<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>
デフォルトのプログレスバーのルック/フィールを変更しているときに同じ問題を見つけます。うまくいけば人々を助けるいくつかのより多くの情報はここにあります:)
a-z0-9_.
(つまり、大文字は使用できません!)R.drawable.filename
myProgressBar.setProgressDrawable(...)
しますが、カスタムレイアウトをとして参照するだけでなくR.drawable.filename
、として取得する必要がありますDrawable
。Resources res = getResources();
myProgressBar.setProgressDrawable(res.getDrawable(R.drawable.filename);
この回答では言及されていないことがおそらく1つあります。
あなたのテーマが継承されている場合はTheme.AppCompat
、ProgressBar
あなたのように定義された色と仮定します"colorAccent"
、あなたのテーマでは。
だから、使って..
<item name="colorAccent">@color/custom_color</item>
..ProgressBarの色を自動的に@color/custom_color
。
スタイル、テーマを変更したり、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がこのように混乱しているのは悲しいことです。
ProgressBar
に対しては機能しますが、確定に対しては全体のスケールを色でペイントします。
水平プログレスバーでどのようにしたか:
LayerDrawable layerDrawable = (LayerDrawable) progressBar.getProgressDrawable();
Drawable progressDrawable = layerDrawable.findDrawableByLayerId(android.R.id.progress);
progressDrawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
レイアウト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"/>
もう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"/>
(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)
}
}
}
}
そして最後に、通常はプレロリポップの進行状況バーに色を付けます
水平プログレスバーのカスタムマテリアルスタイル:
水平プログレスバーの背景と進行状況の色を変更します。
<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を確認してください。
PaulieGの回答に関する情報を追加するために投稿しました。ateiobが私に説明を求めてきたためです...
ProgressBar
進行状況を値に設定しようとする試みを無視するコードにバグ/問題/最適化が含まれている(または、少なくとも執筆時点で、Androidソースコードの現在のバージョンを見たとき)と言えるすでにです。
を呼び出した後ProgressBar.setProgressDrawable()
、プログレスバーは空白になります(ドローアブルパーツを変更したため)。
つまり、進行状況を設定し、それを再描画する必要があります。ただし、進行状況を保存された値に設定しただけでは、何も起こりません。
最初に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);
}
単に使用:
PorterDuff.Mode mode = PorterDuff.Mode.SRC_IN;
if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.GINGERBREAD_MR1) {
mode = PorterDuff.Mode.MULTIPLY;
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
progressBar.setProgressTintList(ColorStateList.valueOf(Color.RED));
progressBar.setProgressBackgroundTintList(ColorStateList.valueOf(Color.RED));
} else {
Drawable progressDrawable;
progressDrawable = (progressBar.isIndeterminate() ? progressBar.getIndeterminateDrawable() : progressBar.getProgressDrawable()).mutate();
progressDrawable.setColorFilter(context.getResources().getColor(Color.RED), mode);
progressBar.setProgressDrawable(progressDrawable);
}
水平スタイルの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に設定するだけです。
このカスタムスタイルをプログレスバーに適用します。
<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>
@ drawable / 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 = (ProgressBar) findViewById(R.id.pb_listProgressBar);
int colorCodeDark = Color.parseColor("#F44336");
progressBar.setIndeterminateTintList(ColorStateList.valueOf(colorCodeDark));