Android实现圆形渐变加载进度条
作者:hf1203 时间:2021-07-17 18:38:06
最近设计要求要一个圆形进度条渐变的需求:
1.画圆形进度条
2.解决渐变
最终实现效果代码
package com.view;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.SweepGradient;
import android.util.AttributeSet;
import android.view.View;
import com.fx.R;
public class CompletedView extends View {
// 画实心圆的画笔
private Paint mCirclePaint;
// 画圆环的画笔
private Paint mRingPaint;
// 画圆环的画笔背景色
private Paint mRingPaintBg;
// 画字体的画笔
private Paint mTextPaint;
// 圆形颜色
private int mCircleColor;
// 圆环颜色
private int mRingColor;
// 圆环背景颜色
private int mRingBgColor;
// 半径
private float mRadius;
// 圆环半径
private float mRingRadius;
// 圆环宽度
private float mStrokeWidth;
// 圆心x坐标
private int mXCenter;
// 圆心y坐标
private int mYCenter;
// 字的长度
private float mTxtWidth;
// 字的高度
private float mTxtHeight;
// 总进度
private int mTotalProgress = 100;
// 当前进度
private int mProgress;
private String string;
public CompletedView(Context context, AttributeSet attrs) {
super(context, attrs);
// 获取自定义的属性
initAttrs(context, attrs);
initVariable();
}
//属性
private void initAttrs(Context context, AttributeSet attrs) {
TypedArray typeArray = context.getTheme().obtainStyledAttributes(attrs,
R.styleable.TasksCompletedView, 0, 0);
mRadius = typeArray.getDimension(R.styleable.TasksCompletedView_radius, 80);
mStrokeWidth = typeArray.getDimension(R.styleable.TasksCompletedView_strokeWidth, 10);
mCircleColor = typeArray.getColor(R.styleable.TasksCompletedView_circleColor, 0xFFFFFFFF);
mRingColor = typeArray.getColor(R.styleable.TasksCompletedView_ringColor, 0xFFFFFFFF);
mRingBgColor = typeArray.getColor(R.styleable.TasksCompletedView_ringBgColor, 0xFFFFFFFF);
mRingRadius = mRadius + mStrokeWidth / 2;
}
RectF oval;
//初始化画笔
private void initVariable() {
oval = new RectF();
//内圆
mCirclePaint = new Paint();
mCirclePaint.setAntiAlias(true);
mCirclePaint.setColor(mCircleColor);
mCirclePaint.setStyle(Paint.Style.FILL);
mCirclePaint.setStrokeCap(Paint.Cap.ROUND);
//外圆弧背景
mRingPaintBg = new Paint();
mRingPaintBg.setAntiAlias(true);
mRingPaintBg.setColor(mRingBgColor);
mRingPaintBg.setStyle(Paint.Style.STROKE);
mRingPaintBg.setStrokeWidth(mStrokeWidth);
//外圆弧
mRingPaint = new Paint();
mRingPaint.setAntiAlias(true);
// mRingPaint.setColor(mRingColor);
mRingPaint.setStyle(Paint.Style.STROKE);
mRingPaint.setStrokeWidth(mStrokeWidth);
mRingPaint.setStrokeCap(Paint.Cap.ROUND);//设置线冒样式,有圆 有方
//中间字
mTextPaint = new Paint();
mTextPaint.setAntiAlias(true);
mTextPaint.setStyle(Paint.Style.FILL);
mTextPaint.setColor(mRingColor);
mTextPaint.setTextSize(mRadius / 2);
Paint.FontMetrics fm = mTextPaint.getFontMetrics();
mTxtHeight = (int) Math.ceil(fm.descent - fm.ascent);
}
SweepGradient sweepGradient;
//画图
@Override
protected void onDraw(Canvas canvas) {
mXCenter = getWidth() / 2;
mYCenter = getHeight() / 2;
//内圆
canvas.drawCircle(mXCenter, mYCenter, mRadius, mCirclePaint);
//外圆弧背景
RectF oval1 = new RectF();
oval1.left = (mXCenter - mRingRadius);
oval1.top = (mYCenter - mRingRadius);
oval1.right = mRingRadius * 2 + (mXCenter - mRingRadius);
oval1.bottom = mRingRadius * 2 + (mYCenter - mRingRadius);
canvas.drawArc(oval1, 0, 360, false, mRingPaintBg); //圆弧所在的椭圆对象、圆弧的起始角度、圆弧的角度、是否显示半径连线
//外圆弧
if (mProgress > 0 ) {
oval.left = (mXCenter - mRingRadius);
oval.top = (mYCenter - mRingRadius);
oval.right = mRingRadius * 2 + (mXCenter - mRingRadius);
oval.bottom = mRingRadius * 2 + (mYCenter - mRingRadius);
if (sweepGradient==null) {
int[] arcColors= new int[]{mRingColor,Color.parseColor("#b05e39"),mRingColor};
float[] arcPostion=new float[]{0.0f,0.5f,0.95f};
// sweepGradient = new SweepGradient(mXCenter, mYCenter, mRingColor,Color.parseColor("#b05e39"));
sweepGradient = new SweepGradient(mXCenter, mYCenter, arcColors,arcPostion);
Matrix matrix = new Matrix();
matrix.setRotate(-90,mXCenter,mYCenter);
sweepGradient.setLocalMatrix(matrix);
mRingPaint.setShader(sweepGradient);
}
canvas.drawArc(oval, -90, ((float)mProgress / mTotalProgress) * 360, false, mRingPaint); //
//字体
String txt = mProgress + "%";
mTxtWidth = mTextPaint.measureText(txt, 0, txt.length());
canvas.drawText(txt, mXCenter - mTxtWidth / 2, mYCenter + mTxtHeight / 4, mTextPaint);
}
}
public void setText(String string){
}
//设置进度
public void setProgress(int progress) {
mProgress = progress;
postInvalidate();//重绘
}
}
来源:https://blog.csdn.net/HF1203/article/details/100887321
标签:Android,进度条
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Jackson库中objectMapper的用法
2023-10-25 13:20:40
![](https://img.aspxhome.com/file/2023/4/104064_0s.jpg)
详解java中的Collections类
2022-02-14 16:30:00
java实现图片上传至本地实例详解
2023-06-09 03:49:18
![](https://img.aspxhome.com/file/2023/7/91107_0s.png)
Swing常用组件之单选按钮和复选框
2023-02-15 13:35:05
![](https://img.aspxhome.com/file/2023/1/92721_0s.png)
c#使用windows服务更新站点地图的详细示例
2021-07-24 10:45:52
![](https://img.aspxhome.com/file/2023/2/80102_0s.png)
Android 6.0调用相机图册崩溃的完美解决方案
2022-10-13 02:00:39
springboot 正确的在异步线程中使用request的示例代码
2023-11-24 22:36:13
![](https://img.aspxhome.com/file/2023/6/59386_0s.jpg)
解析C#中[],List,Array,ArrayList的区别及应用
2022-07-29 16:24:10
Java使用Math.random()结合蒙特卡洛方法计算pi值示例
2023-05-10 10:43:13
![](https://img.aspxhome.com/file/2023/6/60606_0s.jpg)
Java画笔的简单实用方法
2021-11-01 05:38:10
java实现短地址服务的方法(附代码)
2023-11-15 19:13:41
![](https://img.aspxhome.com/file/2023/5/59525_0s.png)
IDEA配置maven环境的详细教程(Unable to import maven project报错问题的解决)
2022-04-09 13:53:40
![](https://img.aspxhome.com/file/2023/0/71000_0s.jpg)
C#写入对象或集合类型数据到xml文件的方法
2022-11-12 17:11:37
java实战之桌球小游戏
2022-04-22 20:40:13
![](https://img.aspxhome.com/file/2023/6/66986_0s.jpg)
SpringCloud Gateway 路由配置定位原理分析
2022-06-10 19:57:47
![](https://img.aspxhome.com/file/2023/0/91120_0s.png)
spring boot 动态生成接口实现类的场景分析
2022-12-14 05:09:33
![](https://img.aspxhome.com/file/2023/7/64207_0s.png)
使用Spring Cloud Feign上传文件的示例
2021-08-25 04:37:38
关于Java中修饰符的总结(fina除外)
2023-11-22 23:15:57
Unity 实现给物体替换材质球
2023-06-28 05:28:24
![](https://img.aspxhome.com/file/2023/4/104334_0s.jpg)
深入理解ThreadLocal工作原理及使用示例
2022-02-27 19:24:14
![](https://img.aspxhome.com/file/2023/6/62066_0s.png)