android圆形进度条ProgressBar颜色设置

原帖地址：http://www.apkbus.com/android-19012-1-1.html

xml布局文件需加入如下的进度条构件：

Java代码

1. <ProgressBar
   
2.         android:id="@+id/loadProgressBar"
   
3.         android:layout_width="wrap_content"
   
4.         android:layout_height="wrap_content"
   
5.         android:indeterminateDrawable="@drawable/progressbar" />

复制代码

其中的indeterminteDrawable属性就是用来设置进度条颜色等属性的，其内容如下：
Java代码

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:fromDegrees="0"
   
4.     android:pivotX="50%"
   
5.     android:pivotY="50%"
   
6.     android:toDegrees="360" >
   
7. 
   
8.     <shape
   
9.         android:innerRadiusRatio="3"
   
10.         android:shape="ring"
    
11.         android:thicknessRatio="8"
    
12.         android:useLevel="false" >
    
13. 
    
14.         <gradient
    
15.             android:centerColor="#FFFFFF"
    
16.             android:centerY="0.50"
    
17.             android:endColor="#FFFF00"
    
18.             android:startColor="#000000"
    
19.             android:type="sweep"
    
20.             android:useLevel="false" />
    
21.     </shape>
    
22. 
    
23. </rotate>

复制代码

三种方式实现自定义圆形页面加载中效果的进度条:
来自: http://407827531.iteye.com/blog/1067025

默认情况下Indeterminate Progressbar是白色的，如果容器的背景也是白色的，这样就根本看不到Progressbar了。

幸好Android自带了一些反转样式，你可以采用其中一个合适的：
Java代码

1. <ProgressBar style="@android:style/Widget.ProgressBar.Inverse"/>
   
2. <ProgressBar style="@android:style/Widget.ProgressBar.Large.Inverse"/>
   
3. <ProgressBar style="@android:style/Widget.ProgressBar.Small.Inverse"/>

复制代码

进度条:

Java代码

1. <ProgressBar
   
2.         style="?android:attr/progressBarStyleHorizontal"
   
3.         android:layout_width="fill_parent"
   
4.         android:layout_height="wrap_content" />
   
5. <ProgressBar
   
6.         android:id="@+id/circleProgressBar"
   
7.         style="?android:attr/progressBarStyleLarge"
   
8.         android:layout_width="wrap_content"
   
9.         android:layout_height="wrap_content"
   
10.         mce_style="?android:attr/progressBarStyleLarge" />

复制代码

一、通过动画实现
定义res/anim/loading.xml如下：
Java代码

1. <?xml version="1.0" encoding="UTF-8"?>
   
2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:oneshot="false" >
   
4. 
   
5.     <item
   
6.         android:drawable="@drawable/loading_01"
   
7.         android:duration="150"/>
   
8. 
   
9.     <item
   
10.         android:drawable="@drawable/loading_02"
    
11.         android:duration="150"/>
    
12. 
    
13.     <item
    
14.         android:drawable="@drawable/loading_03"
    
15.         android:duration="150"/>
    
16. 
    
17.     <item
    
18.         android:drawable="@drawable/loading_04"
    
19.         android:duration="150"/>
    
20. 
    
21.     <item
    
22.         android:drawable="@drawable/loading_05"
    
23.         android:duration="150"/>
    
24. 
    
25.     <item
    
26.         android:drawable="@drawable/loading_06"
    
27.         android:duration="150"/>
    
28. 
    
29.     <item
    
30.         android:drawable="@drawable/loading_07"
    
31.         android:duration="150"/>
    
32. 
    
33. </animation-list>

复制代码

在layout文件中引用如下：
Java代码

1. <ProgressBar
   
2.         android:id="@+id/loading_process_dialog_progressBar"
   
3.         android:layout_width="wrap_content"
   
4.         android:layout_height="wrap_content"
   
5.         android:indeterminate="false"
   
6.         android:indeterminateDrawable="@anim/loading" />

复制代码

二、通过自定义颜色实现
定义res/drawable/dialog_style_xml_color.xml如下：
Java代码

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:fromDegrees="0"
   
4.     android:pivotX="50%"
   
5.     android:pivotY="50%"
   
6.     android:toDegrees="360" >
   
7. 
   
8.     <shape
   
9.         android:innerRadiusRatio="3"
   
10.         android:shape="ring"
    
11.         android:thicknessRatio="8"
    
12.         android:useLevel="false" >
    
13. 
    
14.         <gradient
    
15.             android:centerColor="#FFDC35"
    
16.             android:centerY="0.50"
    
17.             android:endColor="#CE0000"
    
18.             android:startColor="#FFFFFF"
    
19.             android:type="sweep"
    
20.             android:useLevel="false" />
    
21.     </shape>
    
22. 
    
23. </rotate>

复制代码

在layout文件中引用如下：
Java代码

1. <ProgressBar
   
2.         android:id="@+id/loading_process_dialog_progressBar"
   
3.         android:layout_width="wrap_content"
   
4.         android:layout_height="wrap_content"
   
5.         android:indeterminate="false"
   
6.         android:indeterminateDrawable="@drawable/dialog_style_xml_color" />

复制代码

三、使用一张图片进行自定义
定义res/drawable/dialog_style_xml_icon.xml如下：
Java代码

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
   
3. 
   
4.     <item>
   
5.         <rotate
   
6.             android:drawable="@drawable/dialog_progress_round"
   
7.             android:fromDegrees="0.0"
   
8.             android:pivotX="50.0%"
   
9.             android:pivotY="50.0%"
   
10.             android:toDegrees="360.0" />
    
11.     </item>
    
12. 
    
13. </layer-list>

复制代码

在layout文件中引用如下：
Java代码

1. <ProgressBar
   
2.         android:id="@+id/loading_process_dialog_progressBar"
   
3.         android:layout_width="wrap_content"
   
4.         android:layout_height="wrap_content"
   
5.         android:indeterminate="false"
   
6.         android:indeterminateDrawable="@drawable/dialog_style_xml_icon" />

复制代码

或者
Java代码

1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   
2.    <item android:id="@android:id/background">   
   
3.     <shape>   
   
4.         <corners android:radius="5dip" />   
   
5.         <gradient android:startColor="#ff9d9e9d"   
   
6.              android:centerColor="#ff5a5d5a"   
   
7.              android:centerY="0.75"   
   
8.              android:endColor="#ff747674"   
   
9.              android:angle="270"   
   
10.              />   
    
11.     </shape>   
    
12. </item>   
    
13. <item android:id="@android:id/secondaryProgress">   
    
14.     <clip>   
    
15.         <shape>   
    
16.             <corners android:radius="5dip" />   
    
17.             <gradient android:startColor="#80ffd300"   
    
18.                  android:centerColor="#80ffb600"   
    
19.                  android:centerY="0.75"   
    
20.                  android:endColor="#a0ffcb00"   
    
21.                  android:angle="270"   
    
22.                 />   
    
23.         </shape>   
    
24.     </clip>   
    
25. </item>   
    
26. <item android:id="@android:id/progress">   
    
27.     <clip>   
    
28.         <shape>   
    
29.             <corners android:radius="5dip" />   
    
30.             <gradient android:startColor="@color/progress_start"   
    
31.                 android:endColor="@color/progress_end"   
    
32.                 android:angle="270" />   
    
33.         </shape>   
    
34.     </clip>   
    
35. </item>
    
36. </layer-list>

复制代码

代码中设置:
Java代码

1. mProgress = (ProgressBar) findViewById(R.id.progress_bar);
   
2.                 Drawable d = this.getResources().getDrawable(R.drawable.my_progress);
   
3.                 mProgress.setProgressDrawable(d);

复制代码