android 等待圈

android 等待圈"/>

android 等待圈

Android自定义动画系列四，今天来分享第四个自定义Loading动画(DoubleCircleBuilder)，同样的先起了一个名字叫 画两个圈圈 ，还是老规矩先介绍，后上图。

实现效果在最后，GIF有点大，手机流量请三思。

介绍

首先依旧是声明，做这些动画的初衷是为了学习和分享，所以希望大家可以指点错误，让我更好的进步。从这里起，我做一个系列的加载动画(截止时间：我放弃的时候)。

上一个动画链接：Android自定义加载动画-旋转的叶子

正文

今天分享的这个动画很简单，适合用于基本的等待界面，或者视频加载界面，部分代码如下：

首先还是初始化：

@Override

protected void initParams(Context context)

{

//最大尺寸

float outR = getAllSize();

//小圆尺寸

float inR = outR * 0.6f;

//初始化画笔

initPaint(inR * 0.4f);

//旋转角度

mRotateAngle = 0;

//圆范围

mOuterCircleRectF = new RectF();

mOuterCircleRectF.set(getViewCenterX() - outR, getViewCenterY() - outR, getViewCenterX() + outR, getViewCenterY() + outR);

mInnerCircleRectF = new RectF();

mInnerCircleRectF.set(getViewCenterX() - inR, getViewCenterY() - inR, getViewCenterX() + inR, getViewCenterY() + inR);

}

/**

* 初始化画笔

*/

private void initPaint(float lineWidth)

{

mStrokePaint = new Paint(Paint.ANTI_ALIAS_FLAG);

mStrokePaint.setStyle(Paint.Style.STROKE);

mStrokePaint.setStrokeWidth(lineWidth);

mStrokePaint.setColor(Color.WHITE);

mStrokePaint.setDither(true);

mStrokePaint.setFilterBitmap(true);

mStrokePaint.setStrokeCap(Paint.Cap.ROUND);

mStrokePaint.setStrokeJoin(Paint.Join.ROUND);

}

之所以起名字叫画两个圈圈，就是因为，这个动画就是只画了两个圈圈，嘿嘿😁。一个270度的外圆，一个90度的内圆。绘制如下：

@Override

protected void onDraw(Canvas canvas)

{

canvas.save();

//外圆

canvas.drawArc(mOuterCircleRectF, mRotateAngle % 360, OUTER_CIRCLE_ANGLE, false, mStrokePaint);

//内圆

canvas.drawArc(mInnerCircleRectF, 270 - mRotateAngle % 360, INTER_CIRCLE_ANGLE, false, mStrokePaint);

canvas.restore();

}

最后是旋转动画，修改每次绘制的角度。

@Override

protected void computeUpdateValue(@FloatRange(from = 0.0, to = 1.0) float animatedValue)

{

mRotateAngle = (int) (360 * animatedValue);

}

总结

小伙伴们，要是想看更多细节，可以前往文章最下面的Github链接，如果大家觉得ok的话，希望能给个喜欢，最渴望的是在Github上给个star。谢谢了。

如果大家有什么更好的方案，或者想要实现的加载效果，可以给我留言或者私信我，我会想办法实现出来给大家。谢谢支持。

演示

动画演示图

作者：Zyao89；转载请保留此行，谢谢；