java进度条动画_Android自定义控件之圆形进度条动画

本文展示了如何在Android中创建一个自定义的圆形进度条动画。通过编写CircleProgressBar类,实现了根据进度值动态绘制圆弧、文字提示,并通过ValueAnimator添加动画效果。代码包括了自定义属性、圆弧颜色、圆环宽度的设置以及进度更新方法。
摘要由CSDN通过智能技术生成

本文实例为大家分享了Android实现圆形进度条动画的具体代码,供大家参考,具体内容如下

首先贴上图片:

19a0d8c5db60d648c9ccde485c8b3fe9.png

额,感觉还行吧,就是进度条的颜色丑了点,不过咱是程序员,不是美工,配色这种问题当然不在考虑范围之内了。

下面说重点,如何来写一个这样的自定义控件。

首先,需要有一个灰色的底图,来作为未填充时的进度条;

然后,根据传入的当前进度值,绘制填充时的进度圆弧,这段圆弧所对应的圆心角,由当前进度与进度的最大值(一般是100)的比值计算得出;

其次,根据进度值绘制文字提示;

最后,重绘控件,加上动画,从而达到显示进度的效果。

代码如下:

1、attrs.xml

2、CircleProgressBar.java

package com.ctgu.circleprogressbar;

import android.animation.ValueAnimator;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.LinearGradient;

import android.graphics.Paint;

import android.graphics.Paint.FontMetricsInt;

import android.graphics.Rect;

import android.graphics.RectF;

import android.graphics.Shader;

import android.util.AttributeSet;

import android.util.TypedValue;

import android.view.View;

import android.view.animation.OvershootInterpolator;

public class CircleProgressBar extends View

{

/**

* 进度条最大值,默认为100

*/

private int maxValue = 100;

/**

* 当前进度值

*/

private int currentValue = 0;

/**

* 每次扫过的角度,用来设置进度条圆弧所对应的圆心角,alphaAngle=(currentValue/maxValue)*360

*/

private float alphaAngle;

/**

* 底部圆弧的颜色,默认为Color.LTGRAY

*/

private int firstColor;

/**

* 进度条圆弧块的颜色

*/

private int secondColor;

/**

* 圆环的宽度

*/

private int circleWidth;

/**

* 画圆弧的画笔

*/

private Paint circlePaint;

/**

* 画文字的画笔

*/

private Paint textPaint;

/**

* 渐变圆周颜色数组

*/

private int[] colorArray = new int[] { Color.parseColor("#27B197"), Color.parseColor("#00A6D5") };//

/**

* 通过代码创建时才使用

*

* @param context

*/

public CircleProgressBar(Context context)

{

this(context, null);

}

/**

* 当从xml中加载view的时候,这个构造器才会被调用。其第二个参数中就包含自定义的属性。

*

* @param context

* 上下文

* @param attrs

* 自定义属性

*/

public CircleProgressBar(Context context, AttributeSet

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值