Android：自定义ProgressBar

1 2 3 4 5 6 7

java.lang.Object     ↳    android.view.View         ↳    android.widget.ProgressBar 直接子类 AbsSeekBar 间接子类 RatingBar, SeekBar

在某些操作的进度中的可视指示器，为用户呈现操作的进度，还它有一个次要的进度条，用来显示中间进度，如在流媒体播放的缓冲区的进度。一个进度条也可不确定其进度。在不确定模式下，进度条显示循环动画。这种模式常用于应用程序使用任务的长度是未知的。进度条也就是一个表示运转的过程，例如发送短信，连接网络等等，表示一个过程正在执行中

1、android.widget. ProgressBar，继承自android.view.View 。在android.widget包中。对应对话框ProgressDialog。ProgressBar有两种展示方式，表盘形式（普通、小、大）和条形填充形式。在layout定义时，需要通过设施style属性类设置展示方式。

ProgressBar的样式有四种：

android:progressBarStyle：默认进度条样式，不确定模式
android:progressBarStyleHorizontal：水平进度条样式
android:progressBarStyleLarge ：大号进度条样式，也是不确定进度模式 


android:progressBarStyleSmall ：小号进度条样式，也是不确定进度模式 


二、XML重要属性

             android:max--  这事进度条长度最大值

             android:progress--设定度条当前进度值

            android:secondaryProgress--第二进度条进度值

　　　　android:progressBarStyle：默认进度条样式

　　　　android:progressBarStyleHorizontal：水平样式

       style="?android:attr/progressBarStyleLarge" --- 属性风格类型--大圆圈，如下图

       style=”?android:attr/progressBarStyleSmall”--- 属性风格类型--小圆圈，如下图：

       

       style="?android:attr/progressBarStyleHorizontal"  --水平进度条 --如下图：

       

        几秒钟之后自动滚到到如下：

       

也可以用下面的形式代替上面的形式的：

?

1 2 3

< ProgressBar style = "@android:style/Widget.ProgressBar.Inverse" />//中 < ProgressBar style = "@android:style/Widget.ProgressBar.Large.Inverse" /> //大圆 < ProgressBar style = "@android:style/Widget.ProgressBar.Small.Inverse" /> //小圆

三、重要方法

　　　　getMax()：返回这个进度条的范围的上限

　　　　getProgress()：返回当前进度值

　　　　getSecondaryProgress()：返回次要当前进度值

　　　　incrementProgressBy(int diff)：指定增加的进度--即步长

　　　　isIndeterminate()：指示进度条是否在不确定模式下

　　　　setIndeterminate(boolean indeterminate)：设置不确定模式下

　　　　setVisibility(int v)：设置该进度条是否可视

四、重要事件

　　　　onSizeChanged(int w, int h, int oldw, int oldh)：当进度值改变时引发此事件

接下来看案例：

1.定义一个布局文件progressbar.xml

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

<? xml version = "1.0" encoding = "utf-8" ?> < ScrollView xmlns:android = "http://schemas.android.com/apk/res/android"            android:layout_width = "fill_parent"      android:layout_height = "match_parent"      >      < LinearLayout          android:layout_width = "fill_parent"          android:layout_height = "match_parent"          android:orientation = "vertical" > < TextView      android:id = "@+id/startText"      android:layout_width = "fill_parent"      android:layout_height = "wrap_content"      android:text = "垂直的----标题上面也有一个进度条哦"      android:textColor = "#CD0000"      android:background = "#BC8F8F"      />     <!-- style=”?android:attr/progressBarStyleLarge”大圆圈 -->      < ProgressBar        android:id = "@+id/progtessBer_btn_id1"        android:layout_width = "wrap_content"        android:layout_height = "wrap_content"        style = "?android:attr/progressBarStyleLarge"          />       <!-- style=”?android:attr/progressBarStyleSmall”小圆圈 -->      < ProgressBar        android:layout_width = "wrap_content"        android:layout_height = "wrap_content"        style = "?android:attr/progressBarStyleSmall"        android:layout_gravity = "center_horizontal"          />      < TextView      android:id = "@+id/startText1"      android:layout_width = "fill_parent"      android:layout_height = "wrap_content"      android:text = "水平的"      android:textColor = "#aaaaaa"      />       <!--  style="?android:attr/progressBarStyleHorizontal"  水平进度条 -->      < ProgressBar       android:id = "@+id/progtessBer_btn_id2"       android:layout_width = "fill_parent"       android:layout_height = "wrap_content"       style = "?android:attr/progressBarStyleHorizontal"       />      < TextView       android:layout_width = "fill_parent"       android:layout_height = "wrap_content"       android:text = "@string/progress_text"       />      </ LinearLayout > </ ScrollView >

2.之后定义java文件：ProgressBarDemo.java

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91

package com.dream.app.start.first.prograssbar; import com.dream.app.start.MenuDemo; import com.dream.app.start.R; import com.dream.app.start.R.id; import com.dream.app.start.R.layout; import com.dream.app.start.utils.PublicClass;   import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.os.Handler; import android.text.method.ScrollingMovementMethod; import android.view.View; import android.view.View.OnClickListener; import android.view.Window; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.ListView; import android.widget.ProgressBar; import android.widget.TextView; import android.widget.Toast;   public class ProgressBarDemo extends PublicClass {      private ProgressBar  progressbar,progressbar_1;      Button  btn1,btn2;      private int  prostatus= 0 ;      //创建一个handler对象      private  Handler  handler= new Handler();      @Override      protected void onCreate(Bundle savedInstanceState) {          // TODO Auto-generated method stub          super .onCreate(savedInstanceState);                                //在标题条里放置进度条。请求窗口特色风格，这里设置成不明确的进度风格            requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);                       //设置窗口进度条特性风格 //         requestWindowFeature(Window.FEATURE_PROGRESS);                         setContentView(R.layout.progressbar);            //设置标题栏中的不明确的进度条是否可以显示，当你需要表示处理中的时候设置为True,处理完毕后设置为false              setProgressBarIndeterminateVisibility( true );                    //设置进度条进度值,要乘以100的 //          setProgress(60*100); //          setSecondaryProgress(80*100);            btn2=(Button)findViewById(R.id.button_cancel); //      btn2.setOnClickListener(onClick);          progressbar=(ProgressBar)findViewById(R.id.progtessBer_btn_id2);          progressbar_1=(ProgressBar)findViewById(R.id.progtessBer_btn_id1);          //设置进度条的最大值          progressbar.setMax( 100000 );          progressbar_1.setMax( 100000 );          //新开启一个进程          new Thread( new Runnable() {                            @Override              public void run() {                  // 循环1000次,不断地更新prostatus状态值                  while (prostatus++< 100000 ) {                      //将一个Runnable对象添加到消息队列中去                      //并且当执行该对象的时候，执行run                      handler.post( new Runnable() {                                                    @Override                          public void run() {                              //重新设置进度条当前的值                              progressbar.setProgress(prostatus);                              progressbar_1.setProgress(prostatus);                                                        }                      });                      }              }          }).start();                }   //toast方法      private void toastshow(String str) {          Toast.makeText(getApplicationContext(), str, Toast.LENGTH_SHORT).show();        }   }

运行效果如下：

二：用图片实现滚动效果：

1.添加图片到drawable下

 2.自定义图片资源文件iamge_progress.xml

?

1 2 3 4 5 6 7

<? xml version = "1.0" encoding = "utf-8" ?> < animated-rotate      xmlns:android = "http://schemas.android.com/apk/res/android"      android:drawable = "@drawable/image_progress"      android:pivotX = "50%"      android:pivotY = "50%"      />

3.定义布局文件，progress.xml

?

1 2 3 4 5 6 7 8 9 10 11

<? xml version = "1.0" encoding = "utf-8" ?> < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" android:orientation = "vertical" android:layout_width = "fill_parent" android:layout_height = "fill_parent" android:gravity = "center" > < ProgressBar          android:indeterminateDrawable = "@drawable/drawable_progress"          android:layout_height = "100dp"          android:layout_width = "100dp" /> </ LinearLayout >

 运行效果如下：

三》自定义渐变色进度条：

    定义drawable资源文件color_progressbar.xml

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

<? xml version = "1.0" encoding = "utf-8" ?> < layer-list xmlns:android = "http://schemas.android.com/apk/res/android" >     < item android:id = "@android:id/background" >        < shape >            < corners android:radius = "5dip" />            < gradient android:startColor = "#ff9d9e9d"                    android:centerColor = "#ff5a5d5a"                    android:centerY = "0.75"                    android:endColor = "#ff747674"                    android:angle = "270"            />        </ shape >   </ item >   < item android:id = "@android:id/secondaryProgress" >        < clip >            < shape >                < corners android:radius = "5dip" />                < gradient android:startColor = "#80ffd300"                        android:centerColor = "#80ffb600"                        android:centerY = "0.75"                        android:endColor = "#a0ffcb00"                        android:angle = "270"                />            </ shape >        </ clip >   </ item >   < item android:id = "@android:id/progress"   >        < clip >            < shape >                < corners android:radius = "5dip" />                < gradient android:startColor = "#FF3030"                    android:endColor = "#AEEEEE"                    android:angle = "270" />            </ shape >        </ clip >   </ item > </ layer-list >

2.定义对应的不布局文件：progressbar.xml在此文件中引用我们定义的drawable资源配置文件

?

1 2 3 4 5 6 7 8 9 10 11 12

<? xml version = "1.0" encoding = "utf-8" ?> < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" android:orientation = "vertical" android:layout_width = "fill_parent" android:layout_height = "fill_parent" android:gravity = "center" > < ProgressBar                  android:id = "@+id/color_progressBar"          android:indeterminateDrawable = "@drawable/color_progress"          android:layout_height = "wrap_content"          android:layout_width = "match_parent" /> </ LinearLayout >

或者在代码中给进度条设置自定义资源文件：

效果如下：

四：自定义progressbar颜色：

1.定义一个图片资源文件：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<? 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 = "#FFFF00"               android:startColor = "#000000"               android:type = "sweep"               android:useLevel = "false" />       </ shape >      </ rotate >

2.定义布局文件：

?

1 2 3 4 5

< ProgressBar          android:id = "@+id/color_progressBar2"      android:indeterminateDrawable = "@drawable/color_progress2"      android:layout_height = "wrap_content"      android:layout_width = "wrap_content" />

3.效果：