自定义ProgressBar样式

转载 2013年12月04日 10:53:56

布局文件代码:

[html] view plaincopy
  1. <ProgressBar   
  2.                 android:id="@+id/progressbar"  
  3.                 android:layout_width="wrap_content"  
  4.                 android:layout_height="wrap_content"  
  5.                 android:indeterminateDrawable="@drawable/progressbar"  
  6.             />  

此XML文件新建在drawable目录下:文件名为:progressbar

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



至于设置水平进度条的颜色:

[html] view plaincopy
  1. <LinearLayout android:gravity="center"  
  2.     android:orientation="horizontal"  
  3.     android:padding="10dp"   
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="wrap_content">  
  6.     <SeekBar android:layout_gravity="center" android:id="@android:id/progress"  
  7.         android:paddingLeft="8.0dip" android:paddingRight="8.0dip"  
  8.         android:paddingBottom="4.0dip" android:layout_width="fill_parent"  
  9.         android:layout_height="wrap_content" android:maxHeight="2.0px"  
  10.         android:progressDrawable="@drawable/progressbar_drawable" android:minHeight="2.0px"  
  11.         android:thumb="@drawable/seekbar_thumb" style="?android:attr/progressBarStyleHorizontal" />  
  12. </LinearLayout>  

progressbar_drawable.xml如下:

[html] view plaincopy
  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">  
  4.         <shape>  
  5.             <corners android:radius="2.0dip" />  
  6.             <gradient android:startColor="#ff000000" android:centerColor="#ff000000" android:endColor="#ff000000" android:angle="270.0" android:centerY="2.0"  />  
  7.         </shape>  
  8.     </item>  
  9.     <item android:id="@android:id/progress">  
  10.         <clip>  
  11.             <shape>  
  12.                 <corners android:radius="2.0dip" />  
  13.                 <gradient android:startColor="#ff33b5e5" android:centerColor="#ff33b5e5" android:endColor="#ff33b5e5" android:angle="270.0" android:centerY="2.0"  />  
  14.             </shape>  
  15.         </clip>  
  16.     </item>  
  17. </layer-list>  

相关文章推荐

自定义Progressbar(更改进度条样式)

在Drawable目录下创建progress_medium_white.xml 其中,ic_launcher是要更换的进度条图标           在res\layout\styles.xm...

自定义样式及带数字ProgressBar

Android系统自带的ProgressBar样式简单,很多时候不能满足项目需求。最近因项目需要,下了一番功夫研究了一下并自定义了一个ProgressBar,特此记录,并希望能帮助到有需要的朋友们~~...

Android 之LayerDrawable层叠样式layer-list及自定义颜色ProgressBar

前面一篇文章中简单实现了ProgressBar,http://blog.csdn.net/kiritor/article/details/8726267           但是对于我们来说系统的P...
  • kiritor
  • kiritor
  • 2013年03月27日 21:10
  • 7624

Flex里自定义进度条ProgressBar样式皮肤

原文地址:http://hi.baidu.com/sheng00/item/ec3498c7fdc83263f7c95d80 trackbar是整个的条 ...

为SeekBar滑块设置固定值以及自定义Seekbar,progressbar样式

最近在项目中使用到了seekbar和progressbar,且必须按照设计要求来进行设置,如下图。要实现这个效果就必须对这两个控件进行自定义。    一,SeekBar      一开始要实...

android中自定义ProgressBar水平样式

...progressBar
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自定义ProgressBar样式
举报原因:
原因补充:

(最多只允许输入30个字)