文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android中怎么自定义加载圈动画效果

2023-05-30 22:19

关注

这篇文章给大家介绍Android中怎么自定义加载圈动画效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

具体代码如下:

package blog.csdn.net.mchenys.myanimationloading;import android.animation.Animator;import android.animation.AnimatorListenerAdapter;import android.animation.ValueAnimator;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.PointF;import android.util.AttributeSet;import android.view.View;import android.view.animation.LinearInterpolator;import android.view.animation.OvershootInterpolator;public class AnimationLoading extends View {  private float mBigCircleRaduis = 90;//大圆的半径  private float mSubCircleRadius = 20;//小圆的半径  private PointF mBigCenterPoint;//大圆的圆心坐标  private Paint mBgPaint;//绘制背景的画笔  private Paint mFgPaint;//绘制前景色的画笔  private AnimatorTemplet mTemplet;//动画模板  float mBigCircleRotateAngle;//大圆旋转的角度  float mDiagonalDist;//屏幕对角线一半的距离  float mBgStrokeCircleRadius;//用于作为绘制背景空心圆的半径  //6个小圆的颜色  private int[] colors = new int[]{Color.RED, Color.DKGRAY, Color.YELLOW, Color.BLUE, Color.LTGRAY, Color.GREEN};  public AnimationLoading(Context context) {    this(context, null);  }  public AnimationLoading(Context context, AttributeSet attrs) {    super(context, attrs);    init();  }  @Override  protected void onSizeChanged(int w, int h, int oldw, int oldh) {    super.onSizeChanged(w, h, oldw, oldh);    //确定大圆的圆心坐标    mBigCenterPoint.x = w / 2f;    mBigCenterPoint.y = h / 2f;    //屏幕对角线的一半    mDiagonalDist = (float) (Math.sqrt(w * w + h * h) / 2);  }  private void init() {    mBigCenterPoint = new PointF();    mFgPaint = new Paint();    mFgPaint.setAntiAlias(true);    mBgPaint = new Paint(mFgPaint);    mBgPaint.setColor(Color.WHITE);    mBgPaint.setStyle(Paint.Style.STROKE);  }  @Override  protected void onDraw(Canvas canvas) {    if (null == mTemplet) {      //开启旋转动画      mTemplet = new RotateState();    }    //传递Canvas对象    mTemplet.drawState(canvas);  }    private void drawCircle(Canvas canvas) {    //获取每个小圆间隔的角度    float rotateAngle = (float) (2 * Math.PI / colors.length);    for (int i = 0; i < colors.length; i++) {      //每个小圆的实际角度      double angle = rotateAngle * i + mBigCircleRotateAngle; //这里加上大圆旋转的角度是为了带动小圆一起旋转      //计算每个小圆的圆心坐标      float cx = (float) (mBigCircleRaduis * Math.cos(angle)) + mBigCenterPoint.x;      float cy = (float) (mBigCircleRaduis * Math.sin(angle)) + mBigCenterPoint.y;      //绘制6个小圆      mFgPaint.setColor(colors[i]);      canvas.drawCircle(cx, cy, mSubCircleRadius, mFgPaint);    }  }    private void drawBackground(Canvas canvas) {    if (mBgStrokeCircleRadius > 0f) {      //不断扩散的空心圆,空心圆的半径为屏幕对角线的一半,空心圆的线宽则从线宽一半到0      float strokeWidth = mDiagonalDist - mBgStrokeCircleRadius;//线宽从对角线的1/2 ~ 0      mBgPaint.setStrokeWidth(strokeWidth);      float radius = mBgStrokeCircleRadius + strokeWidth / 2;//半径从对角线的1/4 ~ 1/2      canvas.drawCircle(mBigCenterPoint.x, mBigCenterPoint.y,radius , mBgPaint);    } else {      //绘制白色背景      canvas.drawColor(Color.WHITE);    }  }  private abstract class AnimatorTemplet {    abstract void drawState(Canvas canvas);  }    private class RotateState extends AnimatorTemplet {    ValueAnimator mValueAnimator;    public RotateState() {      //旋转的过程,就是不断的获取大圆的角度,从0-2π      mValueAnimator = ValueAnimator.ofFloat(0, (float) Math.PI * 2);      mValueAnimator.setInterpolator(new LinearInterpolator());//匀速插值器      mValueAnimator.setDuration(1200);      mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {        @Override        public void onAnimationUpdate(ValueAnimator animation) {          //获取大圆旋转的角度          mBigCircleRotateAngle = (float) animation.getAnimatedValue();          //重绘          invalidate();        }      });      mValueAnimator.setRepeatCount(ValueAnimator.INFINITE);//无限循环      mValueAnimator.start();    }        public void stopRotate() {      mValueAnimator.cancel();    }    @Override    void drawState(Canvas canvas) {      drawBackground(canvas);      drawCircle(canvas);    }  }    private class MergingState extends AnimatorTemplet {    public MergingState() {      //聚合的过程,就是不断的改变大圆的半径,从mBigCircleRaduis~0      ValueAnimator valueAnimator = ValueAnimator.ofFloat(mBigCircleRaduis, 0);      valueAnimator.setInterpolator(new OvershootInterpolator(10f));//弹性插值器      valueAnimator.setDuration(600);      valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {        @Override        public void onAnimationUpdate(ValueAnimator animation) {          //获取大圆变化的半径          mBigCircleRaduis = (float) animation.getAnimatedValue();          //重绘          invalidate();        }      });      valueAnimator.addListener(new AnimatorListenerAdapter() {        @Override        public void onAnimationEnd(Animator animation) {          //聚合执行完后进入下一个扩散动画          mTemplet = new SpreadState();        }      });      valueAnimator.start();    }    @Override    void drawState(Canvas canvas) {      drawBackground(canvas);      drawCircle(canvas);    }  }    private class SpreadState extends AnimatorTemplet {    public SpreadState() {      //扩散的过程,就是不断的改变背景画绘制空心圆的半径,从0~mDiagonalDist      ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, mDiagonalDist);      valueAnimator.setDuration(600);      valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {        @Override        public void onAnimationUpdate(ValueAnimator animation) {          //获取大圆变化的半径          mBgStrokeCircleRadius = (float) animation.getAnimatedValue();          //重绘          invalidate();        }      });      valueAnimator.start();    }    @Override    void drawState(Canvas canvas) {      drawBackground(canvas);    }  }    public void stopLoading() {    if (null != mTemplet && mTemplet instanceof RotateState) {      ((RotateState) mTemplet).stopRotate();      //开启下一个聚合动画      post(new Runnable() {        @Override        public void run() {          mTemplet = new MergingState();        }      });    }  }}

测试的Activity

package blog.csdn.net.mchenys.myanimationloading;import android.os.Bundle;import android.os.Handler;import android.support.v7.app.AppCompatActivity;import android.widget.FrameLayout;import android.widget.ImageView;public class MainActivity extends AppCompatActivity {  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    FrameLayout content = new FrameLayout(this);    content.setOnClickListener(null);    ImageView bg = new ImageView(this);    bg.setImageResource(R.drawable.fg);    bg.setScaleType(ImageView.ScaleType.FIT_XY);    content.addView(bg);    final AnimationLoading loading = new AnimationLoading(this);    content.addView(loading);    setContentView(content);    new Handler().postDelayed(new Runnable() {      @Override      public void run() {        //3s后停止加载动画        loading.stopLoading();      }    },3000);  }}

关于Android中怎么自定义加载圈动画效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯