android圆形进度条ProgressBar颜色设置

花样android Progressbar http://www.eoeandroid.com/thread-1081-1-1.html 
http://www.cnblogs.com/xirihanlin/archive/2010/06/14/1758145.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://dev.10086.cn/cmdn/bbs/viewthread.php?tid=18469 
http://tienfook.blog.163.com/blog/static/1666620112010528637217/ 
http://www.ihoton.com/androidandroid-progressbar-color.html 

三种方式实现自定义圆形页面加载中效果的进度条: 
来自: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);  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值