1.5.39 Android Animation学习(二) ApiDemos解析:基本Animatiors使用

本文主要是介绍1.5.39 Android Animation学习(二) ApiDemos解析:基本Animatiors使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Animator类提供了创建动画的基本结构,但是一般使用的是它的子类:

 ValueAnimator、ObjectAnimator、AnimatorSet

  ApiDemos中Animation部分是单独的一个包。

下面代码来自ApiDemos中的AnimationCloning类,加了一个使用ValueAnimator的动画,还有一些注释。

完整的项目见:URL:https://github.com/mengdd/AnimationApiDemos.git

 

package com.example.helloanimation.demo1;import java.util.ArrayList;import com.example.helloanimation.R;
import com.example.helloanimation.demo.ShapeHolder;import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.animation.ValueAnimator.AnimatorUpdateListener;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RadialGradient;
import android.graphics.Shader;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.OvalShape;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.DecelerateInterpolator;
import android.widget.Button;
import android.widget.LinearLayout;public class BasicAnimationActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 设置布局,布局xml中只包含了一个线性布局和一个ButtonsetContentView(R.layout.animation_basic);LinearLayout container = (LinearLayout) findViewById(R.id.container);// 将自定义的View加入到线性布局中final MyAnimationView animView = new MyAnimationView(this);container.addView(animView);// Button的点击事件即动画开始Button starter = (Button) findViewById(R.id.startButton);starter.setOnClickListener(new View.OnClickListener() {public void onClick(View v) {animView.startAnimation();}});}/*** 自定义的View类* 其中包含了一系列的球形对象* */public class MyAnimationView extends View implementsValueAnimator.AnimatorUpdateListener {// 圆形球public final ArrayList<ShapeHolder> balls = new ArrayList<ShapeHolder>();// 总的动画集合AnimatorSet animation = null;// 屏幕密度private float mDensity;public MyAnimationView(Context context) {super(context);// 得到密度值mDensity = getContext().getResources().getDisplayMetrics().density;addBall(50f, 25f);addBall(150f, 25f);addBall(250f, 25f);addBall(350f, 25f);addBall(450f, 25f);}private void createAnimation() {if (animation == null) {// ===============================================// 第1个球球的动画效果:用ObjectAnimator// 用工厂方法构造对象:用ofFloat()因为属性值是float类型// 第1个参数为目标对象:balls.get(0)// 第2个参数为属性名:y 这里要求目标对象要有“set属性名()”的方法。// 后面是可变参数,表明属性目标值,一个参数表明是终止值(对象要有get属性方法)// 可变参数的个数为2时,表明第一个是起始值,第二个是终止值;更多个参数时,动画属性值会逐个经过这些值ObjectAnimator anim1 = ObjectAnimator.ofFloat(balls.get(0),"y", 0f, getHeight() - balls.get(0).getHeight()).setDuration(500);// ===============================================// 第二个球球的动画效果:clone动画效果1,但是重新设置目标物体ObjectAnimator anim2 = anim1.clone();anim2.setTarget(balls.get(1));anim1.addUpdateListener(this);// 因为前两个动画完全相同,所以设置刷新监听的时候就只设置了一个(它们刷新的是同一个View)// ===============================================// 第三个球球的动画效果:先加速下落,再减速上升ShapeHolder ball2 = balls.get(2);// 动画效果:落下效果ObjectAnimator animDown = ObjectAnimator.ofFloat(ball2, "y",0f, getHeight() - ball2.getHeight()).setDuration(500);// 落下效果改变了Interpolator,设置为加速animDown.setInterpolator(new AccelerateInterpolator());// 动画效果:上升效果ObjectAnimator animUp = ObjectAnimator.ofFloat(ball2, "y",getHeight() - ball2.getHeight(), 0f).setDuration(500);// 上升效果设置为减速上升animUp.setInterpolator(new DecelerateInterpolator());// 用一个AnimatorSet对象将下落效果和上升效果顺序播放AnimatorSet s1 = new AnimatorSet();s1.playSequentially(animDown, animUp);// 顺序播放效果,参数个数可变// 下落动画刷新ViewanimDown.addUpdateListener(this);// 上升动画刷新ViewanimUp.addUpdateListener(this);// ===============================================// 第四个球球的动画效果// 另一个AnimatorSet克隆了上一个set,更换了对象AnimatorSet s2 = (AnimatorSet) s1.clone();s2.setTarget(balls.get(3));// ===============================================// 第五个球球的动画效果:使用ValueAnimatorfinal ShapeHolder ball5 = balls.get(4);ValueAnimator valueAnimator5 = ValueAnimator.ofFloat(0f,getHeight() - ball5.getHeight());valueAnimator5.setDuration(500);valueAnimator5.addUpdateListener(new AnimatorUpdateListener() {// ValueAnimator需要自己在监听处理中设置对象参数@Overridepublic void onAnimationUpdate(ValueAnimator animation) {// 用animation.getAnimatedValue()得到当前的属性值,设置进动画对象中ball5.setY((Float) animation.getAnimatedValue());// 记得要刷新View否则不会调用重新绘制invalidate();}});// =============================================================// 用一个总的AnimatorSet对象管理以上所有动画animation = new AnimatorSet();animation.playTogether(anim1, anim2, s1);// 并行animation.playSequentially(s1, s2, valueAnimator5);// 串行}}// 在指定位置加上球形private ShapeHolder addBall(float x, float y) {OvalShape circle = new OvalShape();circle.resize(50f * mDensity, 50f * mDensity);ShapeDrawable drawable = new ShapeDrawable(circle);ShapeHolder shapeHolder = new ShapeHolder(drawable);shapeHolder.setX(x - 25f);shapeHolder.setY(y - 25f);int red = (int) (100 + Math.random() * 155);int green = (int) (100 + Math.random() * 155);int blue = (int) (100 + Math.random() * 155);int color = 0xff000000 | red << 16 | green << 8 | blue;Paint paint = drawable.getPaint(); // new// Paint(Paint.ANTI_ALIAS_FLAG);int darkColor = 0xff000000 | red / 4 << 16 | green / 4 << 8 | blue/ 4;RadialGradient gradient = new RadialGradient(37.5f, 12.5f, 50f,color, darkColor, Shader.TileMode.CLAMP);paint.setShader(gradient);shapeHolder.setPaint(paint);balls.add(shapeHolder);return shapeHolder;}@Overrideprotected void onDraw(Canvas canvas) {// 遍历并绘制每一个球形对象for (int i = 0; i < balls.size(); ++i) {ShapeHolder shapeHolder = balls.get(i);canvas.save();canvas.translate(shapeHolder.getX(), shapeHolder.getY());shapeHolder.getShape().draw(canvas);canvas.restore();}}public void startAnimation() {createAnimation();animation.start();// 这里开始播放动画}@Overridepublic void onAnimationUpdate(ValueAnimator animation) {// 在参数更新的时候invalidate,刷新整个View的绘制// 否则onDraw不会被调用,即看不到View外观的改变invalidate();}}
}

 

其中ShapeHolder:

 

package com.example.helloanimation.demo;import android.graphics.Paint;
import android.graphics.RadialGradient;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.Shape;
import android.view.View;/*** * A data structure that holds a Shape and various properties that can be used to define* how the shape is drawn.* (从API Demos中直接搬过来的类)* */
public class ShapeHolder {private float x = 0, y = 0;private ShapeDrawable shape;private int color;private RadialGradient gradient;private float alpha = 1f;private Paint paint;public void setPaint(Paint value) {paint = value;}public Paint getPaint() {return paint;}public void setX(float value) {x = value;}public float getX() {return x;}public void setY(float value) {y = value;}public float getY() {return y;}public void setShape(ShapeDrawable value) {shape = value;}public ShapeDrawable getShape() {return shape;}public int getColor() {return color;}public void setColor(int value) {shape.getPaint().setColor(value);color = value;}public void setGradient(RadialGradient value) {gradient = value;}public RadialGradient getGradient() {return gradient;}public void setAlpha(float alpha) {this.alpha = alpha;shape.setAlpha((int)((alpha * 255f) + .5f));}public float getWidth() {return shape.getShape().getWidth();}public void setWidth(float width) {Shape s = shape.getShape();s.resize(width, s.getHeight());}public float getHeight() {return shape.getShape().getHeight();}public void setHeight(float height) {Shape s = shape.getShape();s.resize(s.getWidth(), height);}public ShapeHolder(ShapeDrawable s) {shape = s;}
}

 

效果如图:

          

一、ValueAnimator

  ValueAnimator使用时可以需要自己设置监听,将变动的值设置给目标对象:

  ValueAnimator构造使用工厂方法。

  上面例子中相应的代码片段:

 

                // ===============================================// 第五个球球的动画效果:使用ValueAnimatorfinal ShapeHolder ball5 = balls.get(4);ValueAnimator valueAnimator5 = ValueAnimator.ofFloat(0f,getHeight() - ball5.getHeight());valueAnimator5.setDuration(500);valueAnimator5.addUpdateListener(new AnimatorUpdateListener() {// ValueAnimator需要自己在监听处理中设置对象参数@Overridepublic void onAnimationUpdate(ValueAnimator animation) {// 用animation.getAnimatedValue()得到当前的属性值,设置进动画对象中ball5.setY((Float) animation.getAnimatedValue());// 记得要刷新View否则不会调用重新绘制invalidate();}});

 

二、ObjectAnimator

  ObjectAnimatorValueAnimator的子类,构造时也用工厂方法。

  ObjectAnimator不用自己设置监听来设置对象的值,要动画的对象和要改变的属性都在构造的时候设置好。

   比如前两个球球的动画:

 

                // ===============================================// 第1个球球的动画效果:用ObjectAnimator// 用工厂方法构造对象:用ofFloat()因为属性值是float类型// 第1个参数为目标对象:balls.get(0)// 第2个参数为属性名:y 这里要求目标对象要有“set属性名()”的方法。// 后面是可变参数,表明属性目标值,一个参数表明是终止值(对象要有get属性方法)// 可变参数的个数为2时,表明第一个是起始值,第二个是终止值;更多个参数时,动画属性值会逐个经过这些值ObjectAnimator anim1 = ObjectAnimator.ofFloat(balls.get(0),"y", 0f, getHeight() - balls.get(0).getHeight()).setDuration(500);// ===============================================// 第二个球球的动画效果:clone动画效果1,但是重新设置目标物体ObjectAnimator anim2 = anim1.clone();anim2.setTarget(balls.get(1));anim1.addUpdateListener(this);// 因为前两个动画完全相同,所以设置刷新监听的时候就只设置了一个(它们刷新的是同一个View)

 

三、AnimatorSet

  AnimatorSet用来组织动画,动画可以同时播放,顺序播放,也可以设定一定的延迟之后播放。

  playTogether()表示动画同时播放。

  playSequentially() 表示动画顺序播放。

  比如第三个球球先加速下降再减速上升的动画:

 

                // ===============================================// 第三个球球的动画效果:先加速下落,再减速上升ShapeHolder ball2 = balls.get(2);// 动画效果:落下效果ObjectAnimator animDown = ObjectAnimator.ofFloat(ball2, "y",0f, getHeight() - ball2.getHeight()).setDuration(500);// 落下效果改变了Interpolator,设置为加速animDown.setInterpolator(new AccelerateInterpolator());// 动画效果:上升效果ObjectAnimator animUp = ObjectAnimator.ofFloat(ball2, "y",getHeight() - ball2.getHeight(), 0f).setDuration(500);// 上升效果设置为减速上升animUp.setInterpolator(new DecelerateInterpolator());// 用一个AnimatorSet对象将下落效果和上升效果顺序播放AnimatorSet s1 = new AnimatorSet();s1.playSequentially(animDown, animUp);// 顺序播放效果,参数个数可变// 下落动画刷新ViewanimDown.addUpdateListener(this);// 上升动画刷新ViewanimUp.addUpdateListener(this);

 

  因为参数是Animator类型的对象集合或者可变参数,所以表示AnimationSet是可嵌套使用的,因为AnimationSet是Animator的子类。

 

<span style="white-space:pre">		</span>// =============================================================// 用一个总的AnimatorSet对象管理以上所有动画animation = new AnimatorSet();animation.playTogether(anim1, anim2, s1);// 并行animation.playSequentially(s1, s2, valueAnimator5);// 串行

 

  Demo中就是将所有的动画都放在一个AnimationSet对象中,最后调用start()方法播放。

 

以上转载:http://www.cnblogs.com/mengdd/archive/2013/09/05/3303191.html

这篇关于1.5.39 Android Animation学习(二) ApiDemos解析:基本Animatiors使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1094207

相关文章

关于WebSocket协议状态码解析

《关于WebSocket协议状态码解析》:本文主要介绍关于WebSocket协议状态码的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录WebSocket协议状态码解析1. 引言2. WebSocket协议状态码概述3. WebSocket协议状态码详解3

Linux中的计划任务(crontab)使用方式

《Linux中的计划任务(crontab)使用方式》:本文主要介绍Linux中的计划任务(crontab)使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、前言1、linux的起源与发展2、什么是计划任务(crontab)二、crontab基础1、cro

kotlin中const 和val的区别及使用场景分析

《kotlin中const和val的区别及使用场景分析》在Kotlin中,const和val都是用来声明常量的,但它们的使用场景和功能有所不同,下面给大家介绍kotlin中const和val的区别,... 目录kotlin中const 和val的区别1. val:2. const:二 代码示例1 Java

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd

Oracle数据库常见字段类型大全以及超详细解析

《Oracle数据库常见字段类型大全以及超详细解析》在Oracle数据库中查询特定表的字段个数通常需要使用SQL语句来完成,:本文主要介绍Oracle数据库常见字段类型大全以及超详细解析,文中通过... 目录前言一、字符类型(Character)1、CHAR:定长字符数据类型2、VARCHAR2:变长字符数

C++变换迭代器使用方法小结

《C++变换迭代器使用方法小结》本文主要介绍了C++变换迭代器使用方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1、源码2、代码解析代码解析:transform_iterator1. transform_iterat

C++中std::distance使用方法示例

《C++中std::distance使用方法示例》std::distance是C++标准库中的一个函数,用于计算两个迭代器之间的距离,本文主要介绍了C++中std::distance使用方法示例,具... 目录语法使用方式解释示例输出:其他说明:总结std::distance&n编程bsp;是 C++ 标准

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Linux换行符的使用方法详解

《Linux换行符的使用方法详解》本文介绍了Linux中常用的换行符LF及其在文件中的表示,展示了如何使用sed命令替换换行符,并列举了与换行符处理相关的Linux命令,通过代码讲解的非常详细,需要的... 目录简介检测文件中的换行符使用 cat -A 查看换行符使用 od -c 检查字符换行符格式转换将

使用Jackson进行JSON生成与解析的新手指南

《使用Jackson进行JSON生成与解析的新手指南》这篇文章主要为大家详细介绍了如何使用Jackson进行JSON生成与解析处理,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 核心依赖2. 基础用法2.1 对象转 jsON(序列化)2.2 JSON 转对象(反序列化)3.