blocks|key|23209|text|试试这段代码-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23210|<?xml+version="1.0"+encoding="utf-8"?>
<layer-list+xmlns:android="http://schemas.android.com/apk/res/android"+>

++++<item+android:id="@android:id/secondaryProgress">
++++++++<clip>
++++++++++++<shape>
++++++++++++++++<corners+android:radius="5dip"+/>

++++++++++++++++<solid+android:color="#f58233"+/>
++++++++++++</shape>
++++++++</clip>

++++++++<color+android:color="#f58233"+/>
++++</item>
++++<item+android:id="@android:id/progress">
++++++++<clip>
++++++++++++<shape>
++++++++++++++++<corners+android:radius="5dip"+/>

++++++++++++++++<solid+android:color="#f58233"+/>
++++++++++++</shape>
++++++++</clip>

++++++++<color+android:color="#f58233"+/>
++++</item>

</layer-list>|code-block|syntax|javascript|23211|进度条-|23212|<ProgressBar
++++++++++++android:id="@%2Bid/progressBar1"
++++++++++++style="?android:attr/progressBarStyleHorizontal"
++++++++++++android:layout_width="200dp"
++++++++++++android:layout_height="3dip"
++++++++++++android:progressDrawable="@drawable/progress_bar"+/>|23213|根据需要更改颜色代码|23214|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Try this code - 

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android" &gt;

 &lt;item android:id="@android:id/secondaryProgress"&gt;
 &lt;clip&gt;
 &lt;shape&gt;
 &lt;corners android:radius="5dip" /&gt;

 &lt;solid android:color="#f58233" /&gt;
 &lt;/shape&gt;
 &lt;/clip&gt;

 &lt;color android:color="#f58233" /&gt;
 &lt;/item&gt;
 &lt;item android:id="@android:id/progress"&gt;
 &lt;clip&gt;
 &lt;shape&gt;
 &lt;corners android:radius="5dip" /&gt;

 &lt;solid android:color="#f58233" /&gt;
 &lt;/shape&gt;
 &lt;/clip&gt;

 &lt;color android:color="#f58233" /&gt;
 &lt;/item&gt;

&lt;/layer-list&gt;
</code></pre>

Progress Bar - 

<pre><code>&lt;ProgressBar
 android:id="@+id/progressBar1"
 style="?android:attr/progressBarStyleHorizontal"
 android:layout_width="200dp"
 android:layout_height="3dip"
 android:progressDrawable="@drawable/progress_bar" /&gt;
</code></pre>

Change color codes according to your need

blocks|key|23248|text|创建一个新的可绘制文件，其内容类似于以下内容(在本例中为pinkprogress.xml)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23249|<?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:startColor="#F5A9F2"
++++++++++++++++android:centerColor="#F5A9F2"
++++++++++++++++android:centerY="0.75"
++++++++++++++++android:endColor="#F5A9F2"
++++++++++++++++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="#33FF33"
++++++++++++++++++android:endColor="#008000"
++++++++++++++++++android:angle="270"+/>
++++++</shape>
++++</clip>
++</item>
</layer-list>|code-block|syntax|javascript|23250|并在xml文件中设置为进度条：|23251|+android:progressDrawable="@drawable/pinkprogress"|23252|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

create a new drawable with something similar to the following (In this case pinkprogress.xml):

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item android:id="@android:id/background"&gt;
 &lt;shape&gt;
 &lt;corners android:radius="5dip" /&gt;
 &lt;gradient android:startColor="#F5A9F2"
 android:centerColor="#F5A9F2"
 android:centerY="0.75"
 android:endColor="#F5A9F2"
 android:angle="270" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
 &lt;item android:id="@android:id/secondaryProgress"&gt;
 &lt;clip&gt;
 &lt;shape&gt;
 &lt;corners android:radius="5dip" /&gt;
 &lt;gradient android:startColor="#80ffd300"
 android:centerColor="#80ffb600"
 android:centerY="0.75"
 android:endColor="#a0ffcb00"
 android:angle="270" /&gt;
 &lt;/shape&gt;
 &lt;/clip&gt;
 &lt;/item&gt;
 &lt;item android:id="@android:id/progress"&gt;
 &lt;clip&gt;
 &lt;shape&gt;
 &lt;corners android:radius="5dip" /&gt;
 &lt;gradient android:startColor="#33FF33"
 android:endColor="#008000"
 android:angle="270" /&gt;
 &lt;/shape&gt;
 &lt;/clip&gt;
 &lt;/item&gt;
&lt;/layer-list&gt;
</code></pre>

and set to progressbar in xml file:

<pre><code> android:progressDrawable="@drawable/pinkprogress"
</code></pre>

blocks|key|239821|text|对我来说，这很有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|239822|​|239823|📷|atomic|offset|length|239824|239825|<ProgressBar
++++++++++++android:id="@%2Bid/verify_progress"
++++++++++++style="@android:style/Widget.ProgressBar.Horizontal"
++++++++++++android:layout_width="match_parent"
++++++++++++android:layout_height="5dp"
++++++++++++android:layout_below="@id/verify_phone"
++++++++++++android:layout_marginLeft="10dp"
++++++++++++android:layout_marginRight="10dp"
++++++++++++android:layout_marginTop="10dp"
++++++++++++android:indeterminate="false"
++++++++++++android:progressDrawable="@drawable/progress_bar"+</ProgressBar>|code-block|syntax|javascript|239826|可绘制/进度_条-|239827|++<?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:startColor="@color/Gray"
++++++++++++++++++++android:centerColor="@color/Gray"
++++++++++++++++++++android:endColor="@color/Gray"
++++++++++++++++++++/>
++++++++++++</shape>
++++++++</item>


++++++++<item
++++++++++++android:id="@android:id/progress"
++++++++++++>
++++++++++++<clip>
++++++++++++++++<shape>
++++++++++++++++++++<corners
++++++++++++++++++++++++android:radius="5dip"+/>
++++++++++++++++++++<gradient
++++++++++++++++++++++++android:startColor="@color/PrimaryColor"
++++++++++++++++++++++++android:endColor="@color/PrimaryColor"+/>
++++++++++++++++</shape>
++++++++++++</clip>
++++++++</item>

++++</layer-list>|239828|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/87b5633019d8e71612528735cd918b69.png|imageAlt^0|0|0|0|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@$G|14|H|15|1|16]]|A|$]]|$1|I|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|19|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1A|8|@]|9|@]|A|$M|N]]|$1|S|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z|10|-4]]]]

For me this worked well.

<a href="https://i.stack.imgur.com/ycWFC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ycWFC.png" alt="enter image description here"></a>

<pre><code>&lt;ProgressBar
 android:id="@+id/verify_progress"
 style="@android:style/Widget.ProgressBar.Horizontal"
 android:layout_width="match_parent"
 android:layout_height="5dp"
 android:layout_below="@id/verify_phone"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
 android:layout_marginTop="10dp"
 android:indeterminate="false"
 android:progressDrawable="@drawable/progress_bar" &lt;/ProgressBar&gt;
</code></pre>

drawable/progress_bar -

<pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt;
 &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item android:id="@android:id/background"&gt;
 &lt;shape&gt;
 &lt;corners android:radius="5dip" /&gt;
 &lt;gradient
 android:startColor="@color/Gray"
 android:centerColor="@color/Gray"
 android:endColor="@color/Gray"
 /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;


 &lt;item
 android:id="@android:id/progress"
 &gt;
 &lt;clip&gt;
 &lt;shape&gt;
 &lt;corners
 android:radius="5dip" /&gt;
 &lt;gradient
 android:startColor="@color/PrimaryColor"
 android:endColor="@color/PrimaryColor" /&gt;
 &lt;/shape&gt;
 &lt;/clip&gt;
 &lt;/item&gt;

 &lt;/layer-list&gt;
</code></pre>

blocks|key|239846|text|添加渲染器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|239847|public+class+CustomProgressBarRenderer+:ProgressBarRenderer
{
++++protected+override+void+OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.ProgressBar>+e)
++++{
++++++++base.OnElementChanged(e);

++++++++Control.ProgressDrawable.SetColorFilter(Color.FromRgb(182,+231,+233).ToAndroid(),+Android.Graphics.PorterDuff.Mode.SrcIn);
++++++++//Control.ProgressTintListColor.FromRgb(182,+231,+233).ToAndroid();
++++++++Control.ProgressTintList+=+Android.Content.Res.ColorStateList.ValueOf(Color.FromRgb(182,+231,+233).ToAndroid());


++++}
}|code-block|syntax|javascript|239848|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Add a renderer:

<pre><code>public class CustomProgressBarRenderer :ProgressBarRenderer
{
 protected override void OnElementChanged(ElementChangedEventArgs&lt;Xamarin.Forms.ProgressBar&gt; e)
 {
 base.OnElementChanged(e);

 Control.ProgressDrawable.SetColorFilter(Color.FromRgb(182, 231, 233).ToAndroid(), Android.Graphics.PorterDuff.Mode.SrcIn);
 //Control.ProgressTintListColor.FromRgb(182, 231, 233).ToAndroid();
 Control.ProgressTintList = Android.Content.Res.ColorStateList.ValueOf(Color.FromRgb(182, 231, 233).ToAndroid());


 }
}
</code></pre>

blocks|key|23351|text|我这样做是为了获得所需的颜色：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23352|++++android:indeterminate="true"
++++android:indeterminateTintMode="src_atop"
++++android:indeterminateTint="@color/myColor"|code-block|syntax|javascript|23353|完全适合我。(API+21或更高版本)|23354|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I did this to get the required color : 

<pre><code> android:indeterminate="true"
 android:indeterminateTintMode="src_atop"
 android:indeterminateTint="@color/myColor"
</code></pre>

Works perfectly for me.(API 21 or higher)

blocks|key|239875|text|这在预装棒棒糖的设备上有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|239876|progressBar.getProgressDrawable().setColorFilter(ContextCompat.getColor(getActivity(),R.color.product_status_color),+PorterDuff.Mode.MULTIPLY)|code-block|syntax|javascript|239877|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

this works on pre-lollipop devices.

<pre><code>progressBar.getProgressDrawable().setColorFilter(ContextCompat.getColor(getActivity(),R.color.product_status_color), PorterDuff.Mode.MULTIPLY)
</code></pre>

blocks|key|23394|text|从API+21开始，它是一个单行程序：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23395|<ProgressBar
++++++++++++...
++++++++++++android:progressTint="@color/colorAccent"/>|code-block|syntax|javascript|23396|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Since API 21 it's a one liner:

<pre><code>&lt;ProgressBar
 ...
 android:progressTint="@color/colorAccent"/&gt;
</code></pre>

i want to change <code>Horizontal</code> <code>ProgressBar</code> color

i have tried this 

<a href="https://stackoverflow.com/questions/2729180/how-to-change-the-color-of-an-indefinite-progressbar">How to change the color of an indefinite ProgressBar?</a>

its not working still progress run in blue color

this is my code

<pre><code>&lt;ProgressBar
 android:id="@+id/mini_progress"
 android:layout_marginLeft="10dip"
 android:layout_marginRight="10dip"
 style="?android:attr/progressBarStyleHorizontal"
 android:layout_width="match_parent"
 android:layout_height="20dip"
 android:layout_gravity="center_horizontal"
 android:indeterminate="false"
 android:indeterminateBehavior="repeat"
 android:indeterminateOnly="true"
 android:visibility="gone"/&gt;
</code></pre>

how i can change the color to Pink ?

how to change ProgressBar color?

Android

Xamarin

我想更改Horizontal ProgressBar的颜色我已经试过了它不工作，在蓝色中运行。这是我的代码<ProgressBar android:id="@+id/mini_progress" android:layout_marginLeft="10d...

问如何改变ProgressBar的颜色？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何改变ProgressBar的颜色？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何改变ProgressBar的颜色？
EN