Android开发之进度条ProgressBar

 

说明

ProgressBar一般用于显示一个过程，例如数据加载过程，文件下载进度，音乐播放进度等。

默认形式ProgressBar

默认方式下，ProgressBar显示为圆形进度，循环转圈，不显示具体的进度值，控制其显隐藏即可，如下

 

 

默认

 

适用于界面加载

   //xml中 <ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" /> //代码中控制显隐藏 mProgressBar = (ProgressBar) findViewById(R.id.progress_bar_main); mProgressBar.setVisibility(View.VISIBLE); 

横向ProgressBar

横向带进度的进度条，通过设置ProgressBar的Style为style="?android:attr/progressBarStyleHorizontal"

 

 

image.png

 

max属性指定进度条总进度值，progress设置当前进度值，也可以说是初始进度值

    //xml中 <ProgressBar android:id="@+id/progress_bar_h" style="?android:attr/progressBarStyleHorizontal" android:layout_width="85dp" android:layout_height="10dp" android:layout_gravity="center" android:max="100" android:progress="50" /> 

设进度条背景

系统自带的进度条的颜色比较单调，实际开发中使用较少，可以自定义进度条背景，新建一个progressbar_bg.xml文件

 <?xml version="1.0" encoding="UTF-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 设置背景色 --> <item android:id="@android:id/background" android:drawable="@mipmap/feed_grow_progress_bar"> </item> <!-- 设置进度条颜色 --> <item android:id="@android:id/progress"> <clip> <shape> <gradient android:endColor="#fff000" android:startColor="#fff000" /> </shape> </clip> </item> </layer-list> 

gradient可以设置进度条的渐变色， android:endColor和 android:startColor可以设置渐变开始和结束的颜色。定义完成以后，便可以使用

<ProgressBar android:id="@+id/progress_bar_healthy" style="?android:attr/progressBarStyleHorizontal" android:layout_width="85dp" android:layout_height="10dp" android:layout_marginTop="20dp" android:layout_gravity="center" android:max="100" android:progress="50" android:progressDrawable="@drawable/progressbar_bg" /> 

效果图，这里设置了黄色矩形背景，及黄色进度条

 

 

image.png

动态设置

在音乐进度，网络下载时，需动态加载进度条，默认情况下，设置进度条，使用setProgress()即可。但有时除了动态设置进度，仍需要动态设置进度条颜色

  private void setElectircProgress(int i, int color) { ClipDrawable drawable = new ClipDrawable(new ColorDrawable(color), Gravity.LEFT, ClipDrawable.HORIZONTAL); progressBarElectric.setProgressDrawable(drawable); progressBarElectric.setProgress(i); } 

音乐播放实例

通过MediaPlayer 播放音乐并获取进度，设置进度

 

 

image.png

musicProgressBar = (ProgressBar) findViewById(R.id.progress_bar_music); if (mPlayer != null) { mPlayer.release(); mPlayer = null; } mPlayer = MediaPlayer.create(this, R.raw.summer); mPlayer.start(); musicProgressBar.setMax(mPlayer.getDuration()); if (timer != null) { timer = null; timerTask = null; } timer = new Timer(); timerTask = new TimerTask() { @Override public void run() { if (mPlayer != null) { if (mPlayer.isPlaying()) { runOnUiThread(new Runnable() { @Override public void run() { musicProgressBar.setProgress(mPlayer.getCurrentPosition()); } }); } } } }; timer.schedule(timerTask, 0, 1000);