转载:Android ProgressBar自定义图片进度，自定义渐变色进度条
1 java.lang.Object
2    ↳    android.view.View
3        ↳    android.widget.ProgressBar
4 直接子类
5 AbsSeekBar
6 间接子类
7 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 <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"
03      
04     android:layout_width="fill_parent"
05     android:layout_height="match_parent"
06     >
07     <LinearLayout
08         android:layout_width="fill_parent"
09         android:layout_height="match_parent"
10         android:orientation="vertical">
11 <TextView
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"
18     />
19    <!-- style=”?android:attr/progressBarStyleLarge”大圆圈 -->
20     <ProgressBar
21       android:id="@+id/progtessBer_btn_id1"
22       android:layout_width="wrap_content"
23       android:layout_height="wrap_content"
24       style="?android:attr/progressBarStyleLarge"
25         />
26      <!-- style=”?android:attr/progressBarStyleSmall”小圆圈 -->
27     <ProgressBar
28       android:layout_width="wrap_content"
29       android:layout_height="wrap_content"
30       style="?android:attr/progressBarStyleSmall"
31       android:layout_gravity="center_horizontal"
32         />
33     <TextView
34     android:id="@+id/startText1"
35     android:layout_width="fill_parent"
36     android:layout_height="wrap_content"
37     android:text="水平的"
38     android:textColor="#aaaaaa"
39     />
40      <!--  style="?android:attr/progressBarStyleHorizontal"  水平进度条 -->
41     <ProgressBar
42      android:id="@+id/progtessBer_btn_id2"
43      android:layout_width="fill_parent"
44      android:layout_height="wrap_content"
45      style="?android:attr/progressBarStyleHorizontal"
46      />
47     <TextView
48      android:layout_width="fill_parent"
49      android:layout_height="wrap_content"
50      android:text="@string/progress_text"
51      />
52     </LinearLayout>
53 </ScrollView>

 

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;
07  
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;
24  
25 public class ProgressBarDemo extends PublicClass {
26     private ProgressBar  progressbar,progressbar_1;
27     Button  btn1,btn2;
28     private int  prostatus=0;
29     //创建一个handler对象
30     private  Handler  handler=new Handler();
31     @Override
32     protected void onCreate(Bundle savedInstanceState) {
33         // TODO Auto-generated method stub
34         super.onCreate(savedInstanceState);
35          
36          
37           //在标题条里放置进度条。请求窗口特色风格，这里设置成不明确的进度风格
38           requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
39           
40           //设置窗口进度条特性风格
41 //         requestWindowFeature(Window.FEATURE_PROGRESS);
42  
43           
44           setContentView(R.layout.progressbar);
45           //设置标题栏中的不明确的进度条是否可以显示，当你需要表示处理中的时候设置为True,处理完毕后设置为false
46  
47           setProgressBarIndeterminateVisibility(true);
48          
49         //设置进度条进度值,要乘以100的
50 //          setProgress(60*100);
51 //          setSecondaryProgress(80*100);
52  
53         btn2=(Button)findViewById(R.id.button_cancel);
54 //      btn2.setOnClickListener(onClick);
55         progressbar=(ProgressBar)findViewById(R.id.progtessBer_btn_id2);
56         progressbar_1=(ProgressBar)findViewById(R.id.progtessBer_btn_id1);
57         //设置进度条的最大值
58         progressbar.setMax(100000);
59         progressbar_1.setMax(100000);
60         //新开启一个进程
61         new Thread(new Runnable() {
62              
63             @Override
64             public void run() {
65                 // 循环1000次,不断地更新prostatus状态值
66                 while (prostatus++<100000) {
67                     //将一个Runnable对象添加到消息队列中去
68                     //并且当执行该对象的时候，执行run
69                     handler.post(new Runnable() {
70                          
71                         @Override
72                         public void run() {
73                             //重新设置进度条当前的值
74                             progressbar.setProgress(prostatus);
75                             progressbar_1.setProgress(prostatus);
76                              
77                         }
78                     });    
79                 }
80             }
81         }).start();
82          
83     }
84  
85 //toast方法
86     private void toastshow(String str) {
87         Toast.makeText(getApplicationContext(), str, Toast.LENGTH_SHORT).show();
88  
89     }
90  
91 }

 

运行效果如下：


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

1.添加图片到drawable下

 

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

 

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

 

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">
07 <ProgressBar
08         android:indeterminateDrawable="@drawable/drawable_progress"
09         android:layout_height="100dp"
10         android:layout_width="100dp"/>
11 </LinearLayout>

 

 

 运行效果如下：

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

    定义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">  
04     <shape>  
05         <corners android:radius="5dip" />  
06         <gradient android:startColor="#ff9d9e9d"  
07                 android:centerColor="#ff5a5d5a"  
08                 android:centerY="0.75"  
09                 android:endColor="#ff747674"  
10                 android:angle="270"  
11         />  
12     </shape>  
13 </item>  
14 <item android:id="@android:id/secondaryProgress">  
15     <clip>  
16         <shape>  
17             <corners android:radius="5dip" />  
18             <gradient android:startColor="#80ffd300"  
19                     android:centerColor="#80ffb600"  
20                     android:centerY="0.75"  
21                     android:endColor="#a0ffcb00"  
22                     android:angle="270"  
23             />  
24         </shape>  
25     </clip>  
26 </item>  
27 <item android:id="@android:id/progress"  
28 >  
29     <clip>  
30         <shape>  
31             <corners android:radius="5dip" />  
32             <gradient android:startColor="#FF3030"  
33                 android:endColor="#AEEEEE"  
34                 android:angle="270" />  
35         </shape>  
36     </clip>  
37 </item>
38 </layer-list>

 

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">
07 <ProgressBar
08                 android:id="@+id/color_progressBar"
09         android:indeterminateDrawable="@drawable/color_progress"
10         android:layout_height="wrap_content"
11         android:layout_width="match_parent"/>
12 </LinearLayout>

 

 

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

效果如下：

四：自定义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" 
04     android:pivotX="50%" 
05     android:pivotY="50%" 
06     android:toDegrees="360" > 
07    
08     <shape 
09         android:innerRadiusRatio="3" 
10         android:shape="ring" 
11         android:thicknessRatio="8" 
12         android:useLevel="false" > 
13    
14         <gradient 
15             android:centerColor="#FFFFFF" 
16             android:centerY="0.50" 
17             android:endColor="#FFFF00" 
18             android:startColor="#000000" 
19             android:type="sweep" 
20             android:useLevel="false" /> 
21     </shape> 
22    
23 </rotate>

 

2.定义布局文件：

 

 

1 <ProgressBar
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.效果：

 

 

 

 ////////////////////////////////////////////////////////////////////////////////

 

使用代码创建ProgressBar 

在自己的项目中，遇到了代码创建ProgressBar，无法更改样式等问题。在交流群里，也有人问过！

今天我就结合我查的资料和大家交流一下。

 

Java代码  收藏代码
  1. ProgressBar mProgressBar=new ProgressBar(context);  
  2. this.addView(mImageView,0);  

 

 这样，可以用代码创建一个ProgressBar，可是怎么把的样式改成横条状呢？

在使用XML文件来布局时，会使用style来设置：

 

Java代码  收藏代码
  1. style="?android:attr/progressBarStyleHorizontal"  

 

 可是我们有代码怎么来设置呢？没ProgressBar.setStyle()方法啊！

查了一下高手写的文章，了理到从源码中可以看出progressBarStyleHorizontal也是一个布局罢了

源码如下：

 

Xml代码  收藏代码
  1. <ProgressBar android:layout_width="fill_parent"  
  2.   
  3. android:layout_height="wrap_content"  
  4.   
  5. android:indeterminateOnly="false"  
  6.   
  7. android:progressDrawable="@android:drawable/progress_horizontal"  
  8.   
  9. android:indeterminateDrawable="@android:drawable/progress_indeterminate_horizontal"  
  10.   
  11. android:minHeight="20dip"  
  12.   
  13. android:maxHeight="20dip" />  

 

 

 

我们可以通过代码来设置：

 

Java代码  收藏代码
  1. mProgressBar.setIndeterminate(false);  
  2. mProgressBar.setProgressDrawable(getResources().getDrawable(android.R.drawable.progress_horizontal));  
  3. mProgressBar.setIndeterminateDrawable(getResources().getDrawable(android.R.drawable.progress_indeterminate_horizontal));  

 这样就可以实现ProgressBar的条状布局了！

可这时，我们又会发现ProgressBar的进度，无法刷新

原因是XML文件中的android:indeterminateOnly="false"和 代码中的progressBar.setIndeterminate(false)并不完全一样。布局文件的属性有一个Only结尾但代码中并没有，而查找Api发现并没有setIndeterminateOnly这样的一个方法。

看一下ProgressBar的源码我们会发现ProgressBar中有两个私有变量：mOnlyIndeterminate和mIndeterminate。而程序没有提供设置mOnlyIndeterminate的方法。

这里我们可以使用Java的反射机制来设置。

我们写一个通用的BeanUtils类来进行反射操作：

 

Java代码  收藏代码
  1. public class BeanUtils {  
  2.     private BeanUtils() {  
  3.   
  4.     }  
  5.   
  6.     /** 
  7.      * 直接设置对象属性值,无视private/protected修饰符,不经过setter函数. 
  8.      */  
  9.     public static void setFieldValue(final Object object, final String fieldName, final Object value) {  
  10.         Field field = getDeclaredField(object, fieldName);  
  11.         if (field == null)  
  12.             throw new IllegalArgumentException("Could not find field [" + fieldName + "] on target [" + object + "]");  
  13.         makeAccessible(field);  
  14.         try {  
  15.             field.set(object, value);  
  16.         } catch (IllegalAccessException e) {  
  17.         Log.e("zbkc", "", e);  
  18.         }  
  19.     }  
  20.   
  21.     /** 
  22.      * 循环向上转型,获取对象的DeclaredField. 
  23.      */  
  24.     protected static Field getDeclaredField(final Object object, final String fieldName) {  
  25.         return getDeclaredField(object.getClass(), fieldName);  
  26.     }  
  27.   
  28.     /** 
  29.      * 循环向上转型,获取类的DeclaredField. 
  30.      */  
  31.     @SuppressWarnings("unchecked")  
  32.     protected static Field getDeclaredField(final Class clazz, final String fieldName) {  
  33.         for (Class superClass = clazz; superClass != Object.class; superClass = superClass.getSuperclass()) {  
  34.             try {  
  35.                 return superClass.getDeclaredField(fieldName);  
  36.             } catch (NoSuchFieldException e) {  
  37.                 // Field不在当前类定义,继续向上转型  
  38.             }  
  39.         }  
  40.         return null;  
  41.     }  
  42.   
  43.     /** 
  44.      * 强制转换fileld可访问. 
  45.      */  
  46.     protected static void makeAccessible(Field field) {  
  47.         if (!Modifier.isPublic(field.getModifiers()) || !Modifier.isPublic(field.getDeclaringClass().getModifiers())) {  
  48.             field.setAccessible(true);  
  49.         }  
  50.     }  
  51. }  

 

 

 

然后，我们在创建ProgressBar的地方使用下面的语句设置mOnlyIndeterminate为false

 

Java代码  收藏代码
  1. BeanUtils.setFieldValue(mProgressBar, "mOnlyIndeterminate", new Boolean(false));  

 

 这样就实现了用代码来创建ProgressBar。

下面是我的代码

 

Java代码  收藏代码
  1. super(context);  
  2. this.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));  
  3. ProgressBar mProgressBar=new ProgressBar(context);  
  4. BeanUtils.setFieldValue(mProgressBar, "mOnlyIndeterminate", new Boolean(false));  
  5. mProgressBar.setIndeterminate(false);  
  6. mProgressBar.setProgressDrawable(getResources().getDrawable(android.R.drawable.progress_horizontal));  
  7. mProgressBar.setIndeterminateDrawable(getResources().getDrawable(android.R.drawable.progress_indeterminate_horizontal));  
  8. mProgressBar.setLayoutParams(new FrameLayout.LayoutParams(65, 5, Gravity.CENTER_VERTICAL) );  
  9. this.addView(mProgressBar,0);  

 如果大家有更好的方法，希望大家能给我留言！

 

 

posted on 2014-06-14 16:59  订书机  阅读(793)  评论(0)    收藏  举报
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3