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

最新推荐文章于 2024-05-15 01:31:15 发布
最新推荐文章于 2024-05-15 01:31:15 发布
阅读量1.1k 收藏 11
点赞数 30
分类专栏： 程序员 文章标签： android java 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84010836/article/details/137579477
版权

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.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;

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

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

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));

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

}

}

}

方法二

关键思想：旋转画布法

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();

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的14套腾讯、字节跳动、阿里、百度等2021最新面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。

2020面试真题解析
腾讯面试真题解析

阿里巴巴面试真题解析

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

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的14套腾讯、字节跳动、阿里、百度等2021最新面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。

[外链图片转存中…(img-3PKYfmsG-1712707725695)]
[外链图片转存中…(img-u220a2fO-1712707725695)]

[外链图片转存中…(img-Vvumm6R5-1712707725695)]

[外链图片转存中…(img-f2jlUqst-1712707725695)]
网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

2401_84010836
关注
  • 30
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android实现旋转动画的两种方式，直面秋招
m0_64319298的博客
11-17 2395
//设置旋转间隔时间 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; pu
Android Tween动画之RotateAnimation实现图片不停旋转效果实例介绍
01-05
主要介绍Android中如何使用rotate实现图片不停旋转的效果。Android 平台提供了两类动画，一类是 Tween 动画，即通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果；第二类是 Frame 动画，即顺序播放事先做好的图像，跟电影类似。本文分析 Tween动画的rotate实现旋转效果。 在新浪微博客户端中各个操作进行中时activity的右上角都会有个不停旋转的图标，类似刷新的效果，给用户以操作中的提示。这种非模态的提示方式推荐使用，那么下面就分享下如何实现这种效果吧 1、定义一个ImageView 定义一个ImageView是为了装载图片，其中的图片将被rota
android旋转帧动画,Android单帧动画Rotate旋转
weixin_39532352的博客
05-25 228
项目有一个需求，有一个刷新按钮，上面放着一个常见的静止的刷新圆圈，如下图：一旦用户按了刷新按钮，需要让这个刷新圆圈转动起来，让用户感觉到程序还在运行着，而不是卡死了。有两个思路，一是将这个图按照旋转时间不同旋转成不同旋转角度的图片，就像要做一张gif图片一样，例如我要每次旋转30度，就需要360\30=12张图片，然后再anim文件夹下新建xml文件，内容如下：Xml代码 android:one...
2024年Android最全Android实现旋转动画的两种方式(2)，2024年最新面试官最后应该说什么
最新发布
2401_84122782的博客
05-15 935
开发是面向对象。我们找工作应该更多是面向面试。哪怕进大厂真的只是去宁螺丝，但你要进去得先学会面试的时候造飞机不是么？作者13年java转Android开发，在小厂待过，也去过华为，OPPO等，去年四月份进了阿里一直到现在。等大厂待过也面试过很多人。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含。
【Android】让一个Textview里面的图片旋转起来
每天不是在写bug就是在写bug的路上
06-15 606
让一个textview里面的图片旋转起来
Android 图片Loading旋转动画效果
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
10-11 3659
在数据请求或者一些加载的页面中，总需要一些过度的动画效果，很多时候我们都可以在图片中间加一个loading的旋转图片，以前也做过，今天做的时候噼里啪啦敲了半天结果运行没效果，所以今天总结下这个啷个做的。eg：animation只是操作View 的位图表示（bitmap representation），而不是真正的改变View的位置，位图就是bitmap，关于bitmap，可以去好好学习一下！例子：我们要加载一个webView，需要在加载前的空白页面中间加一个旋转的loading图片，结束后就消失。
AndroidStuido图片动画效果——旋转RotateAnimation
m0_73875883的博客
05-24 865
【代码】AndroidStuido图片动画效果——旋转RotateAnimation。
Android 旋转动画简单实现
活在当下！输出快乐！
05-23 2874
文章目录背景实现步骤动画 set xml代码演示 背景 产品优化，需要在启动页添加 loading 提示，通过一个图片 360 度旋转实现。如下图： 实现 步骤 获取 View 对象（这里示例使用 ImageView） 根据 anim resource 加载一个 动画对象 调用 View 对象的 startAnimation 方法开始动画 动画 set xml rotate.xml 如下： <?xml version="1.0" encoding="utf-8"?> <set
android位移动画的两种实现方式
热门推荐
黎荣恒的博客
12-26 1万+
在android开发，我们会经常使用到位移动画，一般情况下位移动画有两种实现方式，一种是直接通过java代码去实现，另外一种是通过配置文件实现动画，下面是两种动画的基本是使用方法： 纯Java代码实现： //创建渐变动画 Animation animation = new TranslateAnimation(0, 0, 300, 300); animation.setDurat
Android开发图片旋转的两种方式
06-20
本教程将详细讲解两种实现Android图片旋转的方法：动画（Animation）和Matrix变换。 一、动画（Animation）方式 1. 创建旋转动画资源文件：在res/anim目录下创建rotate.xml，内容如下： ```xml <rotate xmlns:...
两球旋转动画效果
08-29
两球旋转动画可能基于这两种类型的其中之一，或者是它们的结合。属性动画系统是Android 3.0（API级别11）引入的，它允许开发者对对象的任何属性进行动画处理，而不仅仅是视图变换。视图动画则是早期版本Android中的...
Android编程实现RotateAnimation设置中心点旋转动画效果
08-28
通过以上介绍，我们可以了解到如何在Android中利用`RotateAnimation`实现围绕中心点的旋转动画，以及如何通过插值器控制动画的速度变化。掌握这些技能，有助于提升应用的视觉吸引力和用户体验。在进一步学习Android...
Android酷炫动画效果之3D星体旋转效果
08-27
一、 Android 3D动画效果实现方式 在Android中，实现3D动画效果有两种方式：使用Open GL ES和使用Camera。Open GL ES是一种比较复杂的3D图形库，通常用于实现高级的3D特效或游戏。然而，它并不是开源的，这使得它在...
Android两Avitivity移动和旋转动画
08-26
首先，Android中的动画分为两种类型：属性动画（Property Animation）和视图动画（View Animation）。在这个场景中，我们关注的是视图动画，因为它是早期版本Android系统支持的动画方式，适用于Activity之间的过渡。...
简单的ImageView旋转动画
oAiYinSiTan12的博客
08-29 1292
简单的ImageView旋转动画
Android 安卓动画 属性动画 - 旋转动画
2401_84010224的博客
04-03 1128
Buttonandroid:text=“点击演示动画”
Android实现旋转动画的两种方式，2024年字节跳动+京东+美团面试总结
2401_84148942的博客
04-06 961
中 第一个参数传的是角度（360度的那种），而 Math.cos();中 参数传的是一个弧度（2π的那种）2、canvas.rotate() 函数执行之后对后续画布上的操作都是有影响的，所以，得配合 canvas.save();和 canvas.restore();使用。因此，里面的canvas.rotate((float) spaceAngle,getWidth()/2,getHeight()/2);中spaceAngle不能乘 i。
Android ProgressBar 控件使用
u012514113的专栏
10-29 2195
Android ProgressBar 使用
"Android实现酷炫3D星体旋转动画效果
在Android中，想要实现酷炫的3D动画效果，一般有两种选择：Open GL ES和Camera。Open GL ES虽然能够实现高级的3D特效或游戏，但使用起来过于复杂，而且并不开源，因此在实现简单的3D效果时，使用Camera就已经足够了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值