android自定义圆形进度条

最新推荐文章于 2025-06-05 10:59:58 发布

原创最新推荐文章于 2025-06-05 10:59:58 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #自定义 #view #进度条

android 专栏收录该内容

127 篇文章

订阅专栏

本文介绍了一种使用Android自定义View绘制圆形进度条的方法。通过简单的代码实现了动态更新的小球在大圆路径上的移动效果，每50毫秒更新一次位置，完成一周后重置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天看到手机上的圆形进度条，想想自己实现了一个。代码很简单。

public class MyCircleView extends View {
	int degree = 15;//每次增加的角度
	int i = 0;  //定义小圆的角度
	float rX; //大圆圆心的x坐标
	float rY; //大圆圆心的y坐标
	float radius;  //大圆的半径
	float smallRadius; //小圆的半径
	int smallColor; //设置小圆的颜色
	Paint paint = new Paint();
	public MyCircleView(Context context, AttributeSet attrs) {
		super(context, attrs);
		smallColor = Color.argb(158,120,200,75);
		
	}

	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		super.onDraw(canvas);
		
		rX = getWidth()/2;
		rY = getHeight()/2;
		radius = getWidth()/8;
		smallRadius = rX/30;


			paint.setAntiAlias(true);
			paint.setStyle(Paint.Style.STROKE);
			paint.setColor(Color.GRAY);
			paint.setStrokeWidth(1);

			canvas.drawCircle(rX, rY, radius, paint);//画大圆

		if (i != 360) {
			paint.setColor(smallColor);
			paint.setStyle(Paint.Style.FILL);
			canvas.drawCircle(rX + (float)Math.cos(Math.toRadians(90-i))*radius,rY - (float)Math.sin(Math.toRadians(90-i))*radius, smallRadius, paint);
			i = i + 15;
			try {
				Thread.sleep(50);
			} catch (InterruptedException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
			
		}else {
			i = 0;
		}

		invalidate();
	}

}

源码下载： http://download.youkuaiyun.com/detail/mockingbirds/8151177