android刷新时的圆形动画_Android自定义加载圈动画效果

本文实例为大家分享了Android自定义加载圈动画展示的具体代码,供大家参考,具体内容如下

实现如下效果:

该效果图主要有3个动画:

1.旋转动画

2.聚合动画

3.扩散动画

以上3个动画都是通过ValueAnimator来实现,配合自定义View的onDraw()方法实现不断的刷新和绘制界面.

具体代码如下:

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;

/**

* Created by mChenys on 2016/5/21.

*/

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

}

/**

* 绘制圆

*

* @param 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);

}

}

/**

* 绘制背景

*

* @param canvas

*/

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

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/305034.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

hashset默认长度是多少?_看看,这些细节上的坑,你犯了多少?

来源&#xff1a;http://1t.click/ata8# 前言代码优化 &#xff0c;一个很重要的课题。可能有些人觉得没用&#xff0c;一些细小的地方有什么好修改的&#xff0c;改与不改对于代码的运行效率有什么影响呢&#xff1f;这个问题我是这么考虑的&#xff0c;就像大海里面的鲸鱼一样…

linux中wine yum安装,分享|在基于RedHat或Debian的系统上安装 Wine 1.7

Wine,Linux上最流行也是最有力的软件, 可以顺利地在Linux平台上运行Windows程序和游戏。这篇文章教你怎么在像CentOS, Fedora, Ubuntu, Linux Mint一样基于Red Hat和Debian的系统上安装最新的Wine 1.7。在Linux安装 Wine 1.7不幸的, 在基于Red Hat的系统上没有官方的 Wine 仓库…

C# 规则引擎RulesEngine

当编写应用程序时&#xff0c;经常性需要花费大量的时间与精力处理业务逻辑&#xff0c;往往业务逻辑的变化需要重构或者增加大量代码&#xff0c;对开发测试人员很不友好。之前在这篇文章说过&#xff0c;可以使用脚本引擎来将我们需要经常变化的代码进行动态编译执行&#xf…

Windbg设置条件断点

条件断点&#xff08;condition breakpoint&#xff09;的是指在上面3种基本断点停下来后&#xff0c;执行一些自定义的判断。在基本断点命令后加上自定义调试命令&#xff0c;可以让调试器在断点触发停下来后&#xff0c;执行调试器命令。每个命令之间用分号分割。语法格式如:…

还不知道这 11 个超酷的编程新工具你就 out 了!

工具对开发人员来说至关重要。工具可以让一个开发人员的日常工作更高效&#xff0c;并且只需要关注最重要的事情。对于开发人员来讲&#xff0c;寻找更好的替代工具往往比坚持使用熟悉过时的工具更困难。 在这篇文章中&#xff0c;我们将列出你在日常工作中能够使用的新的开发工…

thinkphp5 异步调用方法_thinkphp5 swoole 执行异步任务

目录结构&#xff1a;服务器端&#xff1a;/**author:hdj*/namespace app\Console;use think\console\Command;use think\console\Input;use think\console\Output;class Websocket extends Command{protected $server;protected function configure(){$this->setName(webso…

python单击url下载网页文件_使用不带url的python脚本从网页下载文件,调用onClick函数 - javascript...

有一个网页带有链接“单击下载”&#xff0c;单击该链接可以下载文件。 我可以通过转到网页并单击此链接来手动下载此文件&#xff0c;但是我需要通过python脚本下载此文件。 如果我看到源代码&#xff0c;则可以看到锚标记将运行js函数 Download in csv 但是我不知道csv文件的…

Linux装多个apache,windows linux如何安装多个apache?

富国沪深Windows下安装多个Apache服务&#xff1a;1.安装好Apache以后&#xff0c;可以在浏览器中输入http://localhost测试&#xff1b;2.更改第一个站点的根目录&#xff1a;在文件Apache2.2\conf\httpd.conf中查找 DocumentRoot 属性&#xff0c;将后面的路径改为你的主站点…

[Abp 源码分析]DTO 自动验证

点击上方蓝字关注我们0.简介在平时开发 API 接口的时候需要对前端传入的参数进行校验之后才能进入业务逻辑进行处理&#xff0c;否则一旦前端传入一些非法/无效数据到 API 当中&#xff0c;轻则导致程序报错&#xff0c;重则导致整个业务流程出现问题。用过传统 ASP.NET MVC 数…

五分钟搞懂并查集

并查集是我暑假从高手那里学到的一招&#xff0c;觉得真是太精妙的设计了。来看一个实例&#xff0c;杭电1232畅通工程。首先在地图上给你若干个城镇&#xff0c;这些城镇都可以看作点&#xff0c;然后告诉你哪些对城镇之间是有道路直接相连的。最后要解决的是整幅图的连通性问…

openwrt安装蒲公英_网速不给力?双宽带叠加,立马消除卡顿

公司有两条宽带&#xff0c;一直想充分利用起来&#xff0c;不过网上搜了下&#xff0c;好像只有软路由或路由器刷了OPWRT之后才能双宽带叠加。软路由需要一定的DIY知识&#xff0c;刷Opwrt需要对编程有一定的了解&#xff0c;这两样我都不会&#xff0c;本想放弃时&#xff0c…

linux强大功能,linux grep和find 的强大功能

grep和find在linux中查找是很强大的&#xff0c;把grep及find的用法及参数列表做个备份以备以后查找&#xff1a;1.grep 命令&#xff0c;grep命令有个常用的参数使用方法如下grep -[acinv]-a 以文本文件方式搜索 -c 计算找到的符合行的次数 -i 忽略大小写 -n 顺便输出行号-R 读…

windows7 + vs2008 + oracle + iis7 客户端配置成功

可以做开发,有兴趣的朋友可以试试. 网上有中文语言包

[Abp 源码分析]多语言(本地化)处理

点击上方蓝字关注我们0.简介如果你所开发的需要走向世界的话&#xff0c;那么肯定需要针对每一个用户进行不同的本地化处理&#xff0c;有可能你的客户在日本&#xff0c;需要使用日语作为显示文本&#xff0c;也有可能你的客户在美国&#xff0c;需要使用英语作为显示文本。如…

Kaggle 发布首份数据科学从业报告 | 不及美国同行1/3,中国数据科学家平均年薪约3万美元

Kaggle 是互联网上最著名的数据科学竞赛平台之一&#xff0c;今年 3 月 8 日&#xff0c;这家机构被谷歌收购&#xff0c;6 月 6 日又宣布用户数量超过了 100 万人。互联网创业方兴未艾&#xff0c;人工智能的浪潮又接踵而来&#xff0c;而贯穿其中的数据科学则在这更迭交替中显…

sequelize模型关联_关于Sequelize连接查询时inlude中model和association的区别详解

前言大家都知道在使用Sequelize进行关系模型(表)间连接查询时&#xff0c;我们会通过model/as来指定已存在关联关系的连接查询模型&#xff0c;或是通过association来直接指定连接查询模型关系。那么&#xff0c;两者各应该在什么场景下使用呢&#xff1f;一、 示例准备模型定义…

mysql设置表名字为占位符_这可能是把MySQL存储引擎讲解的最清楚的一篇文章了

存储引擎是MySQL的组件&#xff0c;用于处理不同表类型的SQL操作。不同的存储引擎提供不同的存储机制、索引技巧、锁定水平等功能&#xff0c;使用不同的存储引擎&#xff0c;还可以获得特定的功能。使用哪一种引擎可以灵活选择&#xff0c;一个数据库中多个表可以使用不同引擎…

linux开发板显示横向彩虹,给 Linux 终端的输出添加彩虹特效的命令

原标题&#xff1a;给 Linux 终端的输出添加彩虹特效的命令正文如果认为Linux命令行很无聊并且没有任何乐趣&#xff0c;那么您错了&#xff0c;真实的Linux多么有趣和淘气。在本文&#xff0c;我将介绍一个名为“ lolcat ”的实用小工具&#xff0c;该实用工具在终端中产生彩虹…

Delphi 与 DirectX 之 DelphiX(46): TDIB.DoAntiAlias;

本例效果图:代码文件:unit Unit1;interfaceusesWindows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,Dialogs, DIB, StdCtrls;typeTForm1 class(TForm)DXPaintBox1: TDXPaintBox;Button1: TButton;Button2: TButton;procedure Button1Click(Sender: T…

Web API实现微信公众平台开发-服务器验证

背景最近开发微信公众号相关接口&#xff0c;在这里记录下微信公众号相关各项功能的实现。先决条件1、一台可部署web服务的服务器或者云平台&#xff08;本地可以搞个花生壳域名&#xff09;。2、一个可以正常使用的微信公众账号&#xff0c;开始的时候使用它的测试号。3、Visu…