【Android进度条】三种方式实现自定义圆形进度条ProgressBar

一、通过动画实现

定义res/anim/loading.xml如下：

[html] view plaincopyprint?

1. <?xmlversion="1.0"encoding="UTF-8"?> 
2. <animation-listandroid:oneshot="false" 
3. xmlns:android="http://schemas.android.com/apk/res/android"> 
4.   <item android:duration="150"android:drawable="@drawable/loading_01"/> 
5.   <itemandroid:duration="150"android:drawable="@drawable/loading_02"/> 
6.   <item android:duration="150"android:drawable="@drawable/loading_03"/> 
7.   <itemandroid:duration="150"android:drawable="@drawable/loading_04"/> 
8.   <item android:duration="150"android:drawable="@drawable/loading_05"/> 
9.   <itemandroid:duration="150"android:drawable="@drawable/loading_06"/> 
10.   <item android:duration="150"android:drawable="@drawable/loading_07"/> 
11. </animation-list>  

<?xml version="1.0" encoding="UTF-8"?><animation-list android:oneshot="false"xmlns:android="http://schemas.android.com/apk/res/android">  <item android:duration="150" android:drawable="@drawable/loading_01" />  <item android:duration="150" android:drawable="@drawable/loading_02" />  <item android:duration="150" android:drawable="@drawable/loading_03" />  <item android:duration="150" android:drawable="@drawable/loading_04" />  <item android:duration="150" android:drawable="@drawable/loading_05" />  <item android:duration="150" android:drawable="@drawable/loading_06" />  <item android:duration="150" android:drawable="@drawable/loading_07" /></animation-list> 

二、通过自定义颜色实现

定义res/drawable/progress_small.xml如下：

[html] view plaincopyprint?

1. <?xmlversion="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.     <shape 
8.         android:innerRadiusRatio="3" 
9.         android:shape="ring" 
10.         android:thicknessRatio="8" 
11.         android:useLevel="false"> 
12.         <gradient 
13.             android:centerColor="#FFFFFF" 
14.             android:centerY="0.50" 
15.             android:endColor="#1E90FF" 
16.             android:startColor="#000000" 
17.             android:type="sweep" 
18.             android:useLevel="false"/> 
19.     </shape> 
20. </rotate> 

<?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" >        <gradient            android:centerColor="#FFFFFF"            android:centerY="0.50"            android:endColor="#1E90FF"            android:startColor="#000000"            android:type="sweep"            android:useLevel="false" />    </shape></rotate>

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

[html] view plaincopyprint?

1. <rotatexmlns:android="http://schemas.android.com/apk/res/android" 
2.     android:drawable="@drawable/spinner_black_16" 
3.     android:pivotX="50%" 
4.     android:pivotY="50%" 
5.     android:fromDegrees="0" 
6.     android:toDegrees="360"/> 

<rotate xmlns:android="http://schemas.android.com/apk/res/android"    android:drawable="@drawable/spinner_black_16"    android:pivotX="50%"    android:pivotY="50%"    android:fromDegrees="0"    android:toDegrees="360" />

使用方法都一样, 如下：

[html] view plaincopyprint?

1. <ProgressBar 
2.     android:layout_width="wrap_content" 
3.     android:layout_height="wrap_content" 
4.     android:indeterminateDrawable="@drawable/progress_small"/> 

    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:indeterminateDrawable="@drawable/progress_small"/>

也可以根据需要通过设置style来设置其大小！ 一般只有使用默认的ProgrressBar的时候采用。对于上述三种自定义的方式，建议修改直接修改图片大小，或者shape；

[html] view plaincopyprint?

1. <ProgressBar 
2.     android:layout_width="wrap_content" 
3.     android:layout_height="wrap_content" 
4.     android:layout_centerInParent="true" 
5.     style="?android:attr/progressBarStyleSmall" 
6.     android:indeterminateDrawable="@drawable/progress_small"/> 

    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        style="?android:attr/progressBarStyleSmall"        android:indeterminateDrawable="@drawable/progress_small"/>

设置成progressBarStyleSmall后，图标变小。　

设置成progressBarStyleLarge后，图标变大

  

参考：http://www.eoeandroid.com/forum.php?mod=viewthread&tid=76872