自定义ProgressBar样式

在开发android应用的过程中,一个具有良好的用户的体验的项目,往往少不了ProgressBar。我们可以在各种各样的应用中,发现各种各样的样式的ProgressBar,那我们该如何定义我们自己的ProgressBar呢。

ProgressBar总体上分两种情况,水平进度条和圆形进度条。在定义样式时,需要区分两种进度条,否则将不起效果(至于原因,是跟framework有关)。

1. 自定义圆形进度条样式, custom_progress_bg.xml

 
 
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/rotate_indicator_normal"
    android:pivotX="50%"
    android:pivotY="50%"
   />
为什么要这样定义呢,其实我们可以找到系统内置的样式,比如
  style="?android:attr/progressBarStyleLarge"
其内部也是这样的,因此,我们只要在布局文件中
<pre name="code" class="java"> <ProgressBar
            android:id="@+id/loadingIv"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:indeterminateDrawable="@drawable/<span style="font-size:18px; white-space: pre; background-color: rgb(51, 255, 51);">custom_progress_bg</span>"
            android:indeterminateDuration="100"
            android:indeterminateBehavior= "repeat"
            android:layout_margin="10dp" />


 如此,自定义的圆形进度条样式就定义出来了 
 

2. 自定义水平进度条样式

  首先,在drawable目录下,新建layer-list资源,progress_bg


<layer-list    
   xmlns:android="http://schemas.android.com/apk/res/android">   
    <!--背景图片-->  
     <item android:id="<span style="color:#ff0000;">@android:id/background</span>"   android:drawable="@drawable/bg" />    
    <!-二级进度条样式-->  
     <item android:id="<span style="color:#ff0000;">@</span><span style="color: rgb(255, 0, 0); font-family: Arial, Helvetica, sans-serif;">android:id/secondaryProgress</span>"   android:drawable="@drawable/sp"/>  
    <!--一级进度条样式-->
     <item android:id="<span style="color:#ff0000;">@android:id/progress</span>" android:drawable="@drawable/pg"/>  
 </layer-list>  

<span style="white-space:pre">	</span>
然后,在布局文件中,progress的属性中,这样实用,android:progressDrawable = "@drawable/ progress_bg";

注意,上面代码中红色表明的id,是不能随便更改的。


在我们做项目的过程中,只要将圆形进度条和水平进度条区分开来,自定义实用样式,就不会有问题了。






你可能感兴趣的:(Android开发,layout,圆形进度条,ProgressBar样式,水平进度条)