相关文章推荐
重情义的甘蔗  ·  3dmax贴图灰色不显示材质的解决步骤|【模 ...·  7 月前    · 
性感的镜子  ·  【售罄】孔雀东南飞(传统戏曲节2025)·  8 月前    · 
霸气的毛衣  ·  城市青壮年男子的悲剧故事:澎湃Top100非 ...·  8 月前    · 
英姿勃勃的警车  ·  携程酒店-林甸沐华庭温泉商务酒店预订-林甸沐 ...·  8 月前    · 
傻傻的帽子  ·  最会拍古龙作品的导演张鹏翼因病去世,曾执导《 ...·  8 月前    · 
Code  ›  Android自定义View实现圆环进度条开发者社区
自定义view android进度条
https://cloud.tencent.com/developer/article/1719135
彷徨的骆驼
2 年前
作者头像
砸漏
0 篇文章

Android自定义View实现圆环进度条

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 恩蓝脚本 > Android自定义View实现圆环进度条

Android自定义View实现圆环进度条

作者头像
砸漏
发布 于 2020-10-16 09:52:31
703 0
发布 于 2020-10-16 09:52:31
举报

本文实例为大家分享了Android自定义View实现圆环进度条的具体代码,供大家参考,具体内容如下

效果展示

动画效果

View实现

1.底层圆环是灰色背景 2.上层圆环是红色背景 3.使用动画画一条弧线

View

/**
 * 圆环进度条
public class RoundProgressBar extends View {
 //绘制矩形区域
 private RectF rectF;
 //起始角度
 private float startAngle;
 //扫过角度
 private float sweepAngle;
 private Paint paint;
 //默认控件大小
 private int defoutSize;
 //默认线条宽度
 private int defoutLine;
 private int strokeWidth;
 private PointF pointF = new PointF();
 public RoundProgressBar(Context context) {
  super(context);
  initData();
 public RoundProgressBar(Context context, AttributeSet attrs) {
  super(context, attrs);
  initData();
  * 参数初始化
 private void initData() {
  startAngle = 0;
  sweepAngle = 0;
  defoutSize = 400;
  defoutLine = 20;
  strokeWidth = 20;
  rectF = new RectF();
  //抗锯齿画笔
  paint = new Paint(Paint.ANTI_ALIAS_FLAG);
  paint.setColor(Color.GRAY);
  paint.setStrokeWidth(defoutLine);
  //笔帽样式
  paint.setStrokeCap(Paint.Cap.ROUND);
  paint.setStyle(Paint.Style.STROKE);
  * xml -----  提供可绘制位置
  * @param widthMeasureSpec 宽
  * @param heightMeasureSpec 高
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  setMeasuredDimension(defoutSize, defoutSize);
  * 当大小时改变回调
  * @param w
  * @param h
  * @param oldw
  * @param oldh
 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  pointF.x = w    1;
  pointF.y = h    1;
  rectF.top = strokeWidth    1;
  rectF.bottom = h - (strokeWidth    1);
  rectF.left = strokeWidth    1;
  rectF.right = w - (strokeWidth    1);
  * @param canvas
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  //画布旋转
  paint.setColor(Color.GRAY);
  canvas.rotate(135, pointF.x, pointF.y);
  //绘制圆环
  canvas.drawArc(rectF, startAngle, 270, false, paint);
  paint.setColor(Color.RED);
  canvas.drawArc(rectF, startAngle, sweepAngle, false, paint);
 public void setProgress(float index) {
 //防止数值越界
  if (index   1 || index < 0) {
   return;
  ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, index);
  valueAnimator.setDuration(3000);
  valueAnimator.setInterpolator(new DecelerateInterpolator());
  valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
   @Override
   public void onAnimationUpdate(ValueAnimator animation) {
    sweepAngle = (float) animation.getAnimatedValue() * 270;
    //重写绘制
    invalidate();
 
推荐文章
重情义的甘蔗  ·  3dmax贴图灰色不显示材质的解决步骤|【模型云】找模型上模型云 ...
7 月前
性感的镜子  ·  【售罄】孔雀东南飞(传统戏曲节2025)
8 月前
霸气的毛衣  ·  城市青壮年男子的悲剧故事:澎湃Top100非虚构写作
8 月前
英姿勃勃的警车  ·  携程酒店-林甸沐华庭温泉商务酒店预订-林甸沐华庭温泉商务酒店价格 ...
8 月前
傻傻的帽子  ·  最会拍古龙作品的导演张鹏翼因病去世,曾执导《楚留香大结局 ...
8 月前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号