Android编程实现类似于圆形ProgressBar的进度条效果

 更新时间:2017年03月04日 12:08:14   作者:aloxc  
这篇文章主要介绍了Android编程实现类似于圆形ProgressBar的进度条效果,结合实例形式分析了Android通过自定义View实现圆形进度条效果的操作方法,需要的朋友可以参考下

本文实例讲述了Android编程实现类似于圆形ProgressBar的进度条效果。分享给大家供大家参考,具体如下:

我们要实现一个类似于小米分享中的圆形播放进度条,android自带的圆形ProgressBar是默认自动旋转的,所以无法实现,于是我们想到了使用自定义一个View,来实现这种效果。

首先来看看自己定义的View

package cn.easymobi.application.bell.common;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
public class ProgressView extends View{
  private float fArcNum;
  private float fMax;
  private float density;
  public float getDensity() {
    return density;
  }
  public void setDensity(float density) {
    this.density = density;
  }
  public ProgressView(Context context) {
    super(context);
  }
  public ProgressView(Context context,AttributeSet attrs) {
    super(context,attrs);
  }
  protected void onDraw(Canvas canvas) {
    // TODO Auto-generated method stub
    super.onDraw(canvas);
    Paint paint=new Paint();
    if(fArcNum>0)
      {
      paint.setColor(Color.GRAY);
      paint.setFlags(Paint.ANTI_ALIAS_FLAG);
      canvas.drawCircle(40*density/2, 40*density/2, 40*density/2, paint);
    }
    paint.setColor(Color.YELLOW);
    paint.setFlags(Paint.ANTI_ALIAS_FLAG);
    //paint.setStrokeWidth(2);
    RectF rect=new RectF(0, 0, 40*density, 40*density);
    canvas.drawArc(rect, -90, fArcNum,true, paint);
    paint.setColor(Color.BLACK);
    paint.setFlags(Paint.ANTI_ALIAS_FLAG);
    canvas.drawCircle(40*density/2, 40*density/2, 40*density/2-5, paint);
  }
  public void setProgress(float num) {
    fArcNum = (num/fMax) * 360;
  }
  public float getfArcNum() {
    return fArcNum;
  }
  public void setfArcNum(float fArcNum) {
    this.fArcNum = fArcNum;
  }
  public float getfMax() {
    return fMax;
  }
  public void setfMax(float fMax) {
    this.fMax = fMax;
  }
}

我们通过重写View的onDraw方法,根据fArcNum好fMax来判断当前播放到的位置,然后不停的刷新改View就实现了这个效果。至于画弧,是采用了drawArc方法,然后通过在其内部画圆遮盖多余部分实现。

下面是MediaPlayer与该View的同步处理,核心代码如下

// *******************************************************************
// Func: playAudio
//
// by: Sun
// 2011.9.1
// *******************************************************************
public void playAudio(final String path, final ProgressBar pb) {
  Thread thread = new Thread(new Runnable() {
    public void run() {
      try {
        if (mpMediaPlayer != null) {
          mpMediaPlayer.stop();
          mpMediaPlayer.release();
          mpMediaPlayer = null;
        }
        mpMediaPlayer = new MediaPlayer();
        mpMediaPlayer.setDataSource(path);
        mpMediaPlayer.prepare();
        mpMediaPlayer.setOnPreparedListener(new OnPreparedListener() {
          public void onPrepared(MediaPlayer mp) {
            pb.setVisibility(ProgressBar.GONE);
            frontPv.setfMax(mpMediaPlayer.getDuration());
            frontPv.setProgress(0);
            mpMediaPlayer.start();
            refrash = new Thread(new Runnable() {
              public void run() {
                try {
                  while (frontPv.getfArcNum() <= 360 && mpMediaPlayer.isPlaying()) {
                    if (bIsOver)
                      break;
                    frontPv.setProgress(mpMediaPlayer.getCurrentPosition());
                    Thread.sleep(1000);
                    mHandle.sendEmptyMessage(MSG_REFRESH_UI);
                  }
                  mHandle.sendEmptyMessage(MSG_PLAY_OVER);
                }
                catch (Exception e) {
                  e.printStackTrace();
                }
              }
            });
            refrash.start();
          }
        });
      }
      catch (Exception e) {
        e.printStackTrace();
      }
    }
  });
  thread.start();
}

其中frontPv是我们自己定义的view,最后发送handler是调用invalidate方法刷新该 view,mpMediaPlayers是我们定义的MediaPlayer对象。我们通过在进程中每隔一秒更新frontPv当中的fArcNum并且 刷新实现转动的动画效果。

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android多媒体操作技巧汇总(音频,视频,录音等)》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结

希望本文所述对大家Android程序设计有所帮助。

相关文章

  • flutter直接上传文件到阿里云oss

    flutter直接上传文件到阿里云oss

    上传视频到oss,之前是走后端上传到oss,会有一个问题就是我要先上传给后端,后端再上传给oss就会导致上传多次,消耗时间过长影响用户体验,所以我参考文档写了直接上传到阿里云oss获取到文件访问路径。
    2021-05-05
  • Android获取系统时间的多种方法

    Android获取系统时间的多种方法

    这篇文章主要介绍了Android获取系统时间的多种方法,对时间进行格式化操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • android studio 清单配置文件androidmainfest.xml详细解读

    android studio 清单配置文件androidmainfest.xml详细解读

    AndroidManifest官方解释是应用清单,每个应用的根目录中都必须包含一个,并且文件名必须一模一样,这个文件中包含了APP的配置信息,系统需要根据里面的内容运行APP的代码,显示界面,这篇文章介绍了android studio 清单配置文件androidmainfest.xml解读,需要的朋友可以参考下
    2024-04-04
  • Android SharedPreferences实现记住密码和自动登录界面

    Android SharedPreferences实现记住密码和自动登录界面

    本篇文章主要介绍了Android记住密码和自动登录界面的实现(SharedPreferences),具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-02-02
  • Android 8.0 中如何实现视频通话的画中画模式的示例

    Android 8.0 中如何实现视频通话的画中画模式的示例

    本篇文章介绍了Android 8.0 中如何实现视频通话的画中画模式的示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • Retrofit之OKHttpCall源码分析

    Retrofit之OKHttpCall源码分析

    这篇文章主要介绍了Retrofit之OKHttpCall源码分析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Android如何在Gradle中更改APK文件名详解

    Android如何在Gradle中更改APK文件名详解

    这篇文章主要介绍了Android如何在Gradle中更改APK文件名的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-10-10
  • Android编程设计模式之模板方法模式详解

    Android编程设计模式之模板方法模式详解

    这篇文章主要介绍了Android编程设计模式之模板方法模式,结合实例形式详细分析了Android模板方法模式的概念、功能、使用场景、用法及相关操作注意事项,需要的朋友可以参考下
    2017-12-12
  • Android关于Glide的使用(高斯模糊、加载监听、圆角图片)

    Android关于Glide的使用(高斯模糊、加载监听、圆角图片)

    这篇文章主要为大家详细介绍了Android关于Glide的使用,内容丰富,高斯模糊、加载监听、圆角图片希望大家可以掌握,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android首页无限轮播功能的示例代码

    Android首页无限轮播功能的示例代码

    这篇文章主要介绍了Android首页无限轮播功能的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06

最新评论