花样Android ProgressBar 史上最强大讲解/定制ProgressBar

 花样Android ProgressBar 史上最强大讲解

// UI线程里初始化 

// handler里回调 显示 | 隐藏

// 重画Progressbar的进度

1.1 定制动画文件

<ProgressBar
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:indeterminateDrawable="@drawable/progress_my_style"
  style="?android:attr/progressBarStyle"
/>

注：style="?android:attr/progressBarStyle" 这是默认样式 ,可换改

step2: 在drawable文件夹下建立progress_my_style.xml文件：内容可如下：

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
  android:drawable="@drawable/spinner_color"
  android:pivotX="50%"
  android:pivotY="50%"
  />

注意：
1. android:drawable="@drawable/spinner_color" 这里，你需要在drawable下建立spinner_color.png图片（自己画成你所想到的效果（渐变））

2. progress_my_style.xml文件内容参考至D:\andrirod\android-sdk-windows\platforms\android-7\data\res\drawable\progress_medium_white.xml文件内容,

android:framesCount与android:frameDuratiion是frameworks内部的属性,无法直接使用，所以省略)

以上是在XML中直接定义，下面是我在代码里直接定义的：

[java]  view plain copy

1. mProgressBar.setIndeterminateDrawable(AppConfig.getResources().getDrawable(R.drawable.style_common_processbar));  

style_common_processbar.xml还是需要定义在xml里的

[html]  view plain copy

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <animated-rotate   
3.     android:drawable="@drawable/icon"  
4.     android:pivotX="50.0%"   
5.     android:pivotY="50.0%"   
6.     xmlns:android="http://schemas.android.com/apk/res/android">      
7. </animated-rotate>  

结果是就是用图片icon旋转来表示进度，图片制作参考 android的 drawable_hdpi 下的 spinner_black_48.png

1.2 定制颜色和形状

利用shape来定制颜色和形状

[java]  view plain copy

1. // 定制模式  
2. mProgressBar.setIndeterminateDrawable(AppConfig.getResources().getDrawable(R.drawable.style_common_processbar));  

style_common_processbar.xml

[html]  view plain copy

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <rotate   
3.     xmlns:android="http://schemas.android.com/apk/res/android"  
4.     android:duration="30"   
5.     android:fromDegrees="0.0"   
6.     android:toDegrees="360.0"   
7.     android:pivotX="50.0%"   
8.     android:pivotY="50.0%"   
9.     android:repeatCount="infinite">  
10.     <shape   
11.         android:shape="ring"   
12.         android:innerRadiusRatio="3.2"   
13.         android:thicknessRatio="5.333"   
14.         android:useLevel="false">  
15.         <size   
16.             android:height="16.0dip"   
17.             android:width="16.0dip" />  
18.         <gradient   
19.             android:startColor="#4cffffff"   
20.             android:endColor="#ffff0000"   
21.             android:useLevel="false"   
22.             android:type="sweep"   
23.             android:centerY="0.5"   
24.             android:centerColor="#4cffffff" />  
25.     </shape>  
26. </rotate>  

通过修改
android:shape=["rectangle" | "oval" | "line" | "ring"] 来修改形状
gradient来修改颜色属性 

2.progress mode | 有百分比进度的进度条

代码调用：

mProgressBar.setProgressDrawable(AppConfig.getResources().getDrawable(R.drawable.color));

color.xml

[html]  view plain copy

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
3.         <item android:id="@android:id/background" android:drawable="@drawable/bg" />  
4.         <item android:id="@android:id/secondaryProgress" android:drawable="@drawable/secondary" />  
5.         <item android:id="@android:id/progress" android:drawable="@drawable/progress" />  
6. </layer-list>  

http://blog.csdn.net/xpwang168/article/details/6678465