在某些操作的进度中的可视指示器,为用户呈现操作的进度,还它有一个次要的进度条,用来显示中间进度,如在流媒体播放的缓冲区的进度。一个进度条也可不确定其进度。在不确定模式下,进度条显示循环动画。这种模式常用于应用程序使用任务的长度是未知的。进度条也就是一个表示运转的过程,例如发送短信,连接网络等等,表示一个过程正在执行中
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”
--- 属性风格类型--小圆圈,如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/f1e03bf7935f225593e6307397ce8bd3.jpeg)
style="?android:attr/progressBarStyleHorizontal" --水平进度条 --
如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/96f9bd9369be4433292ab3c421067c95.jpeg)
几秒钟之后自动滚到到如下:
![](https://i-blog.csdnimg.cn/blog_migrate/99d9ab1887175b629cbfe891fdd19d99.jpeg)
也可以用下面的形式代替上面的形式的:
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" /> //小圆 |
三、重要方法
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
01 | <? xml version = "1.0" encoding = "utf-8" ?> |
02 | < ScrollView xmlns:android = "http://schemas.android.com/apk/res/android" |
04 | android:layout_width = "fill_parent" |
05 | android:layout_height = "match_parent" |
08 | android:layout_width = "fill_parent" |
09 | android:layout_height = "match_parent" |
10 | android:orientation = "vertical" > |
12 | android:id = "@+id/startText" |
13 | android:layout_width = "fill_parent" |
14 | android:layout_height = "wrap_content" |
15 | android:text = "垂直的----标题上面也有一个进度条哦" |
16 | android:textColor = "#CD0000" |
17 | android:background = "#BC8F8F" |
21 | android:id = "@+id/progtessBer_btn_id1" |
22 | android:layout_width = "wrap_content" |
23 | android:layout_height = "wrap_content" |
24 | style = "?android:attr/progressBarStyleLarge" |
28 | android:layout_width = "wrap_content" |
29 | android:layout_height = "wrap_content" |
30 | style = "?android:attr/progressBarStyleSmall" |
31 | android:layout_gravity = "center_horizontal" |
34 | android:id = "@+id/startText1" |
35 | android:layout_width = "fill_parent" |
36 | android:layout_height = "wrap_content" |
38 | android:textColor = "#aaaaaa" |
42 | android:id = "@+id/progtessBer_btn_id2" |
43 | android:layout_width = "fill_parent" |
44 | android:layout_height = "wrap_content" |
45 | style = "?android:attr/progressBarStyleHorizontal" |
48 | android:layout_width = "fill_parent" |
49 | android:layout_height = "wrap_content" |
50 | android:text = "@string/progress_text" |
2.之后定义java文件:ProgressBarDemo.java
01 | package com.dream.app.start.first.prograssbar; |
02 | import com.dream.app.start.MenuDemo; |
03 | import com.dream.app.start.R; |
04 | import com.dream.app.start.R.id; |
05 | import com.dream.app.start.R.layout; |
06 | import com.dream.app.start.utils.PublicClass; |
08 | import android.app.Activity; |
09 | import android.content.Intent; |
10 | import android.os.Bundle; |
11 | import android.os.Handler; |
12 | import android.text.method.ScrollingMovementMethod; |
13 | import android.view.View; |
14 | import android.view.View.OnClickListener; |
15 | import android.view.Window; |
16 | import android.widget.AdapterView; |
17 | import android.widget.AdapterView.OnItemClickListener; |
18 | import android.widget.ArrayAdapter; |
19 | import android.widget.Button; |
20 | import android.widget.ListView; |
21 | import android.widget.ProgressBar; |
22 | import android.widget.TextView; |
23 | import android.widget.Toast; |
25 | public class ProgressBarDemo extends PublicClass { |
26 | private ProgressBar progressbar,progressbar_1; |
28 | private int prostatus= 0 ; |
30 | private Handler handler= new Handler(); |
32 | protected void onCreate(Bundle savedInstanceState) { |
34 | super .onCreate(savedInstanceState); |
38 | requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS); |
44 | setContentView(R.layout.progressbar); |
47 | setProgressBarIndeterminateVisibility( true ); |
53 | btn2=(Button)findViewById(R.id.button_cancel); |
55 | progressbar=(ProgressBar)findViewById(R.id.progtessBer_btn_id2); |
56 | progressbar_1=(ProgressBar)findViewById(R.id.progtessBer_btn_id1); |
58 | progressbar.setMax( 100000 ); |
59 | progressbar_1.setMax( 100000 ); |
61 | new Thread( new Runnable() { |
66 | while (prostatus++< 100000 ) { |
69 | handler.post( new Runnable() { |
74 | progressbar.setProgress(prostatus); |
75 | progressbar_1.setProgress(prostatus); |
86 | private void toastshow(String str) { |
87 | Toast.makeText(getApplicationContext(), str, Toast.LENGTH_SHORT).show(); |
运行效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/6c088b7b02d7894bd4372117c3117ae1.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/ab2e4cb771350d3ab84b9a2b68e0a22c.jpeg)
二:用图片实现滚动效果:
1.添加图片到drawable下
![](https://i-blog.csdnimg.cn/blog_migrate/ca1bea4df6e5351e51980419d03c7aec.png)
2.自定义图片资源文件iamge_progress.xml
1 | <? xml version = "1.0" encoding = "utf-8" ?> |
3 | xmlns:android = "http://schemas.android.com/apk/res/android" |
4 | android:drawable = "@drawable/image_progress" |
3.定义布局文件,progress.xml
01 | <? xml version = "1.0" encoding = "utf-8" ?> |
02 | < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" |
03 | android:orientation = "vertical" |
04 | android:layout_width = "fill_parent" |
05 | android:layout_height = "fill_parent" |
06 | android:gravity = "center" > |
08 | android:indeterminateDrawable = "@drawable/drawable_progress" |
09 | android:layout_height = "100dp" |
10 | android:layout_width = "100dp" /> |
运行效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/b8363a70f5971a1aeeaeb1d8ca4092aa.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/4977a8bc141a33c1c6151093369dac58.jpeg)
![](http://static.oschina.net/uploads/space/2012/0529/044346_tqdQ_560730.jpg)
![](https://i-blog.csdnimg.cn/blog_migrate/1f2ac58f2a20de6f9e8e11958508cc2f.jpeg)
三》自定义渐变色进度条:
定义drawable资源文件color_progressbar.xml
01 | <? xml version = "1.0" encoding = "utf-8" ?> |
02 | < layer-list xmlns:android = "http://schemas.android.com/apk/res/android" > |
03 | < item android:id = "@android:id/background" > |
05 | < corners android:radius = "5dip" /> |
06 | < gradient android:startColor = "#ff9d9e9d" |
07 | android:centerColor = "#ff5a5d5a" |
08 | android:centerY = "0.75" |
09 | android:endColor = "#ff747674" |
14 | < item android:id = "@android:id/secondaryProgress" > |
17 | < corners android:radius = "5dip" /> |
18 | < gradient android:startColor = "#80ffd300" |
19 | android:centerColor = "#80ffb600" |
20 | android:centerY = "0.75" |
21 | android:endColor = "#a0ffcb00" |
27 | < item android:id = "@android:id/progress" |
31 | < corners android:radius = "5dip" /> |
32 | < gradient android:startColor = "#FF3030" |
33 | android:endColor = "#AEEEEE" |
34 | android:angle = "270" /> |
2.定义对应的不布局文件:progressbar.xml在此文件中引用我们定义的drawable资源配置文件
01 | <? xml version = "1.0" encoding = "utf-8" ?> |
02 | < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" |
03 | android:orientation = "vertical" |
04 | android:layout_width = "fill_parent" |
05 | android:layout_height = "fill_parent" |
06 | android:gravity = "center" > |
08 | android:id = "@+id/color_progressBar" |
09 | android:indeterminateDrawable = "@drawable/color_progress" |
10 | android:layout_height = "wrap_content" |
11 | android:layout_width = "match_parent" /> |
或者在代码中给进度条设置自定义资源文件:
效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/75b9e736d00e0407b58d9cd7762b0892.jpeg)
![](http://static.oschina.net/uploads/space/2012/0529/052952_DKZ1_560730.jpg)
四:自定义progressbar颜色:
1.定义一个图片资源文件:
01 | <? xml version = "1.0" encoding = "utf-8" ?> |
02 | < rotate xmlns:android = "http://schemas.android.com/apk/res/android" |
03 | android:fromDegrees = "0" |
06 | android:toDegrees = "360" > |
09 | android:innerRadiusRatio = "3" |
11 | android:thicknessRatio = "8" |
12 | android:useLevel = "false" > |
15 | android:centerColor = "#FFFFFF" |
16 | android:centerY = "0.50" |
17 | android:endColor = "#FFFF00" |
18 | android:startColor = "#000000" |
20 | android:useLevel = "false" /> |
2.定义布局文件:
2 | android:id = "@+id/color_progressBar2" |
3 | android:indeterminateDrawable = "@drawable/color_progress2" |
4 | android:layout_height = "wrap_content" |
5 | android:layout_width = "wrap_content" /> |
3.效果:
![](https://i-blog.csdnimg.cn/blog_migrate/cc9b626181a821a8b7d25da5c1b3316e.jpeg)
原文地址:http://my.oschina.net/amigos/blog/59871