文档章节

Android ProgressBar自定义图片进度,自定义渐变色进度条

simpower
 simpower
发布于 2014/10/04 11:53
字数 1756
阅读 313
收藏 0
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.效果:

 

 


本文转载自:http://my.oschina.net/amigos/blog/59871

共有 人打赏支持
simpower
粉丝 24
博文 536
码字总数 38046
作品 0
海淀
程序员
Android 自定义进度条(指示器)

进度条分类 Android中进度条控件有3个(不算ProgressDialog),分别是ProgressBar、SeekBar和RatingBar,对于自定义样式来说又得按照需求分为2中情况,第一种是刻度型,第二种是循环类型。 ...

IamOkay
2014/12/14
0
4
Android自定义RatingBar(评分控件)

RatingBar简单介绍 RatingBar是基于SeekBar(拖动条)和ProgressBar(状态条)的扩展,用星形来显示等级评定,在使用默认RatingBar时,用户可以通过触摸/拖动/按键(比如遥控器)来设置评分,...

zhoulc
2013/05/02
0
8
Android Progressbar

各种类型的Android进度条:CircleProgress: http://www.open-open.com/lib/view/open1415936845930.html#label0 自定义圆形的ProgressBar: http://www.cnblogs.com/xingfuzzhd/archive/2013......

当空皓月
2015/04/20
0
0
使用android ProgressBar和Toast生成一个界面

首先我需要这样一个界面 这个界面是在使用AudioManager.adjustStreamVolume(int streamType, int direction, int flags)显示出来的,记住flags这里传 AudioManager.FLAGSHOWUI才会显示 不然只...

simpower
2014/10/04
0
0
Android实用笔记——使用ProgressBar实现进度条

1、ProgressBar的分类 可以精确显示进度(可以显示刻度或者精确百分比) 不可以精确显示精度(一直转,类似于一个过场动画) 2、关键属性和方法 指定ProgressBar显示风格 style="?android:at...

落叶-归根
2016/07/27
248
0

没有更多内容

加载失败,请刷新页面

加载更多

sourcetree 离线免注册登录安装教程

Sourcetree是一个优秀的git可视化管理工具,深受开发者喜爱Sourcetree官网,但是在安装时需要谷歌账户登录,需要翻qiang才可以,此一点一直被人们所诟病。今天本教程就为大家提供离线免登陆安...

QQZZFT
11分钟前
0
0
使用 PostgreSQL 解决一个实际的统计分析问题

使用 PostgreSQL 解决一个实际的统计分析问题作者:老农民(刘启华)Email: 46715422@qq.com 之前有个朋友扔给我一个奇葩需求,他们公司之前做了一批问卷调查,全部都是统一格式的excel...

新疆老农民
14分钟前
0
0
TypeScript基础入门之高级类型的映射类型

转发 TypeScript基础入门之高级类型的映射类型 高级类型 映射类型 一个常见的任务是将一个已知的类型每个属性都变为可选的: interface PersonPartial {    name?: string;    age?...

durban
29分钟前
0
0
Dubbo源码分析(6):Dubbo内核实现之基于SPI思想Dubbo内核实现

SPI接口定义 定义了@SPI注解 package com.alibaba.dubbo.common.extension; import java.lang.annotation.Documented;import java.lang.annotation.ElementType;import java.lang.an......

郑加威
29分钟前
0
0
RxJS的另外四种实现方式(后记)—— 同时实现管道和链式编程

目录 RxJS的另外四种实现方式(序) RxJS的另外四种实现方式(一)——代码最小的库 RxJS的另外四种实现方式(二)——代码最小的库(续) RxJS的另外四种实现方式(三)——性能最高的库 Rx...

一个灰
32分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部