Android实现旋转动画的两种方式

}

}

方法二


关键思想:旋转画布法

package com.wust.mydialog;

import android.animation.ObjectAnimator;

import android.animation.ValueAnimator;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.util.AttributeSet;

import android.view.View;

import android.view.animation.LinearInterpolator;

import androidx.annotation.Nullable;

/**

  • ClassName: com.wust.mydialog.MyRotateView

  • Description:

  • date: 2021/8/7 12:13

  • @author yiqi

  • @QQ 1820762465

  • @微信 yiqiideallife

  • @技术交流QQ群 928023749

*/

public class MyRotateView extends View {

//设置旋转间隔时间

private int SPLASH_CIRCLE_ROTATE_TIME = 3000;

//设置中心圆半径

private float CENTER_CIRCLE_RADIUS;

private float SMALL_CIRCLE_RADIUS;

private float mCurrentSingle = 0f;

private int[] mColorArray;

private Paint mCirclePaint;

private ValueAnimator va;

public MyRotateView(Context context) {

super(context);

}

public MyRotateView(Context context, @Nullable AttributeSet attrs) {

super(context, attrs);

}

public MyRotateView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int width = MeasureSpec.getSize(widthMeasureSpec);

int height = MeasureSpec.getSize(heightMeasureSpec);

//初始化参数

initParams(width,height);

setMeasuredDimension(width,height);

}

private void initParams(int w, int h) {

//设置中心圆半径

CENTER_CIRCLE_RADIUS = 1/4.0f * w;

//设置小圆的半径

SMALL_CIRCLE_RADIUS = 1/25.0f * w;

//获取小球颜色

mColorArray = getResources().getIntArray(R.array.splash_circle_colors);

//初始化画笔

mCirclePaint = new Paint();

mCirclePaint.setDither(true);

mCirclePaint.setAntiAlias(true);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//绘制圆

drawSplashCircle(canvas);

}

private void drawSplashCircle(Canvas canvas) {

//设置属性动画,让小圆转起来

//这里得注意,是个坑,你如果不判断那球就不会动 因为会陷入死循环 值动画将值设置为0 -> invalidate()重绘 -> 执行draw 又将值设为0

if (va == null){

// va = ObjectAnimator.ofFloat(0f, 2 * (float) Math.PI);

va = ObjectAnimator.ofFloat(0f, 360.0f);

va.setDuration(SPLASH_CIRCLE_ROTATE_TIME);

va.setRepeatCount(ValueAnimator.INFINITE);

va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

mCurrentSingle = (float) animation.getAnimatedValue();

// System.out.println(“mCurrentSingle ->” + mCurrentSingle);

invalidate();

}

});

va.setInterpolator(new LinearInterpolator());

va.start();

}

//计算每个小球的间隔

// double spaceAngle = Math.PI*2/mColorArray.length;

double spaceAngle = 360.0d/mColorArray.length;

System.out.println("spaceAngle -> " + spaceAngle);

//利用旋转画布法

canvas.save();

canvas.rotate(mCurrentSingle,getWidth()/2,getHeight()/2);

for (int i = 0; i < mColorArray.length; i++) {

canvas.rotate((float) spaceAngle,getWidth()/2,getHeight()/2);

//为 每个球 画笔 设置颜色

mCirclePaint.setColor(mColorArray[i]);

//利用 勾股定理 计算 小圆 中心点

//float cx = getWidth()/2 + (float) (CENTER_CIRCLE_RADIUSMath.cos(spaceAnglei+mCurrentSingle));

//float cy = getHeight()/2 + (float) (CENTER_CIRCLE_RADIUSMath.sin(spaceAnglei+mCurrentSingle));

//利用旋转画布法

float cx = getWidth()/2 + CENTER_CIRCLE_RADIUS;

float cy = getHeight()/2;

canvas.drawCircle(cx,cy,SMALL_CIRCLE_RADIUS,mCirclePaint);

}

canvas.restore();

}

}

易错点总结:

1、canvas.rotate(mCurrentSingle,getWidth()/2,getHeight()/2);中 第一个参数传的是角度(360度的那种),而 Math.cos();中 参数传的是一个弧度(2π的那种)

2、canvas.rotate() 函数执行之后对后续画布上的操作都是有影响的,所以,得配合 canvas.save();和 canvas.restore();使用。因此,里面的canvas.rotate((float) spaceAngle,getWidth()/2,getHeight()/2);中spaceAngle不能乘 i 。

3、画布的旋转除了 canvas.rotate() 函数 可以实现外,还可以利用矩阵。代码如下:

//创建矩阵

private Matrix mSpaceMatrix;

//初始化旋转矩阵

mSpaceMatrix = new Matrix();

//初始化旋转矩阵

mSpaceMatrix.reset();

mSpaceMatrix.postRotate((float) spaceAngle,getWidth()/2,getHeight()/2);

//画布旋转角度

canvas.concat(mSpaceMatrix);

完整代码

package com.wust.mydialog;

import android.animation.ObjectAnimator;

import android.animation.ValueAnimator;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Matrix;

import android.graphics.Paint;

import android.util.AttributeSet;

import android.view.View;

import android.view.animation.LinearInterpolator;

import androidx.annotation.Nullable;

/**

  • ClassName: com.wust.mydialog.MyRotateView

  • Description:

  • date: 2021/8/7 12:13

  • @author yiqi

  • @QQ 1820762465

  • @微信 yiqiideallife

  • @技术交流QQ群 928023749

*/

public class MyRotateView extends View {

//设置旋转间隔时间

private int SPLASH_CIRCLE_ROTATE_TIME = 3000;

//设置中心圆半径

private float CENTER_CIRCLE_RADIUS;

private float SMALL_CIRCLE_RADIUS;

private float mCurrentSingle = 0f;

private int[] mColorArray;

private Paint mCirclePaint;

private ValueAnimator va;

private Matrix mSpaceMatrix;

public MyRotateView(Context context) {

super(context);

}

public MyRotateView(Context context, @Nullable AttributeSet attrs) {

super(context, attrs);

}

public MyRotateView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int width = MeasureSpec.getSize(widthMeasureSpec);

int height = MeasureSpec.getSize(heightMeasureSpec);

//初始化参数

initParams(width,height);

setMeasuredDimension(width,height);

}

private void initParams(int w, int h) {

//设置中心圆半径

CENTER_CIRCLE_RADIUS = 1/4.0f * w;

//设置小圆的半径

SMALL_CIRCLE_RADIUS = 1/25.0f * w;

//获取小球颜色

mColorArray = getResources().getIntArray(R.array.splash_circle_colors);

//初始化画笔

mCirclePaint = new Paint();

mCirclePaint.setDither(true);

mCirclePaint.setAntiAlias(true);

//初始化旋转矩阵

mSpaceMatrix = new Matrix();

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//绘制圆

drawSplashCircle(canvas);

}

private void drawSplashCircle(Canvas canvas) {

//设置属性动画,让小圆转起来

//这里得注意,是个坑,你如果不判断那球就不会动 因为会陷入死循环 值动画将值设置为0 -> invalidate()重绘 -> 执行draw 又将值设为0

if (va == null){

// va = ObjectAnimator.ofFloat(0f, 2 * (float) Math.PI);

va = ObjectAnimator.ofFloat(0f, 360.0f);

va.setDuration(SPLASH_CIRCLE_ROTATE_TIME);

va.setRepeatCount(ValueAnimator.INFINITE);

va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

mCurrentSingle = (float) animation.getAnimatedValue();

// System.out.println(“mCurrentSingle ->” + mCurrentSingle);

invalidate();

}

});

va.setInterpolator(new LinearInterpolator());

va.start();

}

//计算每个小球的间隔

// double spaceAngle = Math.PI*2/mColorArray.length;

double spaceAngle = 360.0d/mColorArray.length;

//初始化旋转矩阵

mSpaceMatrix.reset();

mSpaceMatrix.postRotate((float) spaceAngle,getWidth()/2,getHeight()/2);

//利用旋转画布法

canvas.save();

canvas.rotate(mCurrentSingle,getWidth()/2,getHeight()/2);

for (int i = 0; i < mColorArray.length; i++) {

// canvas.rotate((float) spaceAngle,getWidth()/2,getHeight()/2);

// System.out.println("spaceAngle -> " + spaceAngle);

canvas.concat(mSpaceMatrix);

//为 每个球 画笔 设置颜色

mCirclePaint.setColor(mColorArray[i]);

//利用 勾股定理 计算 小圆 中心点

//float cx = getWidth()/2 + (float) (CENTER_CIRCLE_RADIUSMath.cos(spaceAnglei+mCurrentSingle));

//float cy = getHeight()/2 + (float) (CENTER_CIRCLE_RADIUSMath.sin(spaceAnglei+mCurrentSingle));

//利用旋转画布法

float cx = getWidth()/2 + CENTER_CIRCLE_RADIUS;

float cy = getHeight()/2;

canvas.drawCircle(cx,cy,SMALL_CIRCLE_RADIUS,mCirclePaint);

}

canvas.restore();

}

}

注意事项:

总结

【Android 详细知识点思维脑图(技能树)】

我个人是做Android开发,已经有十来年了,目前在某创业公司任职CTO兼系统架构师。虽然 Android 没有前几年火热了,已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了,现在高级工程师还是比较缺少的,很多高级职位给的薪资真的特别高(钱多也不一定能找到合适的),所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动,京东,小米,腾讯、头条、阿里、美团等公司19年的面试题。把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节。

由于篇幅有限,这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

最后,赠与大家一句话,共勉!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

代了。这只能说明 Android 中级以下的岗位饱和了,现在高级工程师还是比较缺少的,很多高级职位给的薪资真的特别高(钱多也不一定能找到合适的),所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动,京东,小米,腾讯、头条、阿里、美团等公司19年的面试题。把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节。

由于篇幅有限,这里以图片的形式给大家展示一小部分。

[外链图片转存中…(img-25xs2C1B-1714044781467)]

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

最后,赠与大家一句话,共勉!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 30
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值