Android自定义带加载动画效果的环状进度条

 更新时间:2017年12月12日 15:11:41   作者:spy_develop  
这篇文章主要介绍了Android自定义带加载动画效果的环状进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近闲来无事,自定义了一个环状进度条,话不多说直接上代码 :

public class CircleProgressView extends View{
  private Paint mCirPaint;
  private Paint mArcPaint;
  private Paint mTextPaint;
  private float radius=200;
  private int textsize=60;
  private int progress=68;
  private int stokeWidth=10;
  private int circleColor=Color.GRAY;
  private int arcColor=Color.GREEN;
  private int textColor=Color.BLACK;
  private int speed=0;
  public CircleProgressView(Context context) {
    super(context);
  }

  public CircleProgressView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }

  public CircleProgressView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public void setRadius(float radius){
    this.radius=radius;
    invalidate();
  }

  public void setTextSize(int textsize){
    this.textsize=textsize;
    invalidate();
  }

  public void setProgress(int progress){
    this.progress=progress;
  }

  public void setStokewidth(int stokeWidth){
    this.stokeWidth=stokeWidth;
    invalidate();
  }

  public void setColor(int circleColor,int arcColor,int textColor){
    this.circleColor=circleColor;
    this.arcColor=arcColor;
    this.textColor=textColor;
    invalidate();
  }

  public void setSpeed(int speed){
    this.speed=speed;
  }

  private void init() {
    mCirPaint=new Paint();
    mCirPaint.setColor(circleColor);
    mCirPaint.setAntiAlias(true);
    mCirPaint.setStyle(Paint.Style.STROKE);
    mCirPaint.setStrokeWidth(stokeWidth);

    mArcPaint=new Paint();
    mArcPaint.setColor(arcColor);
    mArcPaint.setAntiAlias(true);
    mArcPaint.setStyle(Paint.Style.STROKE);
    mArcPaint.setStrokeWidth(stokeWidth);

    mTextPaint=new Paint();
    mTextPaint.setColor(textColor);
    mTextPaint.setTextSize(textsize);
    mTextPaint.setAntiAlias(true);
  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    init();
    float centerX=getWidth()/2;
    float centerY=getHeight()/2;
    canvas.drawCircle(centerX,centerY,radius,mCirPaint);
    canvas.drawArc(centerX-radius,centerY-radius,centerX+radius,centerY+radius,-90,progress*360/100,false,mArcPaint);
    canvas.drawText(progress+"%",centerX-(mTextPaint.measureText(progress+"%"))/2,centerY+textsize/2,mTextPaint);
  }

  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    if (speed!=0){
      startProgress();
    }
  }

  public void startProgress(){
    final int preProgress=progress;
    new CountDownTimer(preProgress * speed, speed) {
      @Override
      public void onTick(long l) {
        setProgress(preProgress-(int) (l/speed));
        invalidate();
      }

      @Override
      public void onFinish() {
        setProgress(preProgress);
        invalidate();
        this.cancel();
      }
    }.start();
  }

}

相关用法:
setProgress(progress);//设置进度
setRadius(300);//设置半径
setStokewidth(60);//设置环宽
setTextSize(80);//设置文字进度大小
setColor(Color.GRAY,Color.RED,Color.BLUE);//设置颜色(环的颜色,进度条的颜色,文字进度的字体颜色)
setSpeed(20);//设置动画速度,这里的数值是每次进度加一所用时间,所以数值越小动画速度越快

测试代码:

  mCircleProgressView= (CircleProgressView) findViewById(R.id.circle_progress);
    mCircleProgressView.setProgress(progress);
    mCircleProgressView.setRadius(300);
    mCircleProgressView.setStokewidth(60);
    mCircleProgressView.setTextSize(80);
    mCircleProgressView.setColor(Color.GRAY,Color.RED,Color.BLUE);
    mCircleProgressView.setSpeed(20);

测试效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 配置Android SDK

    配置Android SDK

    今天小编就为大家分享一篇关于配置Android SDK的文章,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-10-10
  • Android ScrollView 下嵌套 ListView 或 GridView出现问题解决办法

    Android ScrollView 下嵌套 ListView 或 GridView出现问题解决办法

    这篇文章主要介绍了ScrollView 下嵌套 ListView 或 GridView 会发列表现数据只能显示一行。因为他们都是滚动结构,两个滚动条放到一起就会引起冲突,这里提供解决办法相关资料,需要的朋友可以参考下
    2017-07-07
  • Android自定义View实现loading动画加载效果

    Android自定义View实现loading动画加载效果

    项目开发中对Loading的处理是比较常见的,安卓系统提供的不太美观,引入第三发又太麻烦,这时候自己定义View来实现这个效果。这篇文章主要介绍了Android自定义View实现loading动画加载效果,需要的朋友可以参考下
    2017-03-03
  • Android 自定义SeekBar动态改变硬件音量大小实现和音量键的同步(推荐)

    Android 自定义SeekBar动态改变硬件音量大小实现和音量键的同步(推荐)

    这篇文章主要介绍了 Android 自定义SeekBar动态改变硬件音量大小实现和音量键的同步效果,整段代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-01-01
  • 新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx(一)

    新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx(一)

    PullZoomView要实现两类,一类是典型的Android ListView,另外一类是Android 的scroll view。本文先介绍PullZoomView在ListView上的实现:PullToZoomListViewEx
    2015-12-12
  • Android实现仪表盘效果

    Android实现仪表盘效果

    这篇文章主要为大家详细介绍了Android实现仪表盘效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Flutter多选按钮组件Checkbox使用方法详解

    Flutter多选按钮组件Checkbox使用方法详解

    这篇文章主要为大家详细介绍了Flutter多选按钮组件Checkbox使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Android中VideoView音视频开发的实现

    Android中VideoView音视频开发的实现

    VideoView是一个用于播放视频的视图组件,可以方便地在应用程序中播放本地或网络上的视频文件,本文主要介绍了Android中VideoView音视频开发的实现,具有一定的 参考价值,感兴趣的可以了解一下
    2025-03-03
  • Android仿IOS系统悬浮窗效果

    Android仿IOS系统悬浮窗效果

    这篇文章主要为大家详细介绍了Android仿IOS系统悬浮窗效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Flutter路由的几种用法小结

    Flutter路由的几种用法小结

    这篇文章主要介绍了Flutter路由的几种用法,包括基本路由跳转和路由跳转传参方法,本文结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-12-12

最新评论