android 帧动画,补间动画,属性动画的简单总结

帧动画——FrameAnimation

将一系列图片有序播放,形成动画的效果。其本质是一个Drawable,是一系列图片的集合,本身可以当做一个图片一样使用

在Drawable文件夹下,创建animation-list为根节点的资源文件

<animation-list android:oneshot="false">
 <item android:drawable="@drawable/img1" android:duration="100"/>
 <item android:drawable="@drawable/img2" android:duration="100"/>
 <item android:drawable="@drawable/img3" android:duration="100"/>
 <item android:drawable="@drawable/img4" android:duration="100"/>
</animation-list>

oneshot:是否只播放一次

drawable:一帧引用的图片

duration:一帧播放的时间

播放动画

将动画作为控件的背景

((AnimationDrawable)view.getBackground()).start();

Animation常用属性

duration:动画时间

repeatCount:重复次数 infinite无限次

fillAfter:是否停止在最后一帧

repeatMode:重复模式     值:restart重新开始,reserve反复

startOffset:开始延迟时间

补间动画 Tween Animation

只能应用于View对象,只支持部分属性,View animation值改变了View绘制的位置,并没有改变对象本身的真实位置

可以使用XML定义也可以使用代码定义     XML定义的动画放在/res/anim/文件夹内

开始动画 通过view的startAnimation(Animation a)  参数定义的动画

四种补间动画通过XML定义

AlphaAnimation:透明度动画

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
 android:fromAlpha="0"
 android:toAlpha="1"
 android:duration="2000">
 <!--
 fromAlpha 起始透明度 0为完全透明 1为不透明 0~1之间的浮点值
 toAlpha 结束透明度
 duration 动画运行时间 单位毫秒
 -->
</alpha>
AlphaAnimation alphaAnimation=null;
 //加载XML中的动画XML文件
 alphaAnimation= (AlphaAnimation) AnimationUtils.loadAnimation(MainActivity.this, R.anim.anim_alpha);
 //常用属性设置 各种动画通用
 alphaAnimation.setRepeatCount(3);//执行动画效果结束后重复执行3次 一共4次
 alphaAnimation.setRepeatMode(Animation.REVERSE);//重复模式
 //动画结束是否停止在最后一帧
 alphaAnimation.setFillAfter(true);
 //动画结束是否停止在第一帧
 alphaAnimation.setFillBefore(false);
 //设置插值器 动画执行速度 变速 加减速。。
 //AccelerateInterpolator减速
 //DecelerateInterpolator加速
 alphaAnimation.setInterpolator(new AccelerateDecelerateInterpolator());

ScaleAnimation:缩放动画

代码加载的方式和方法的使用与AlphaAnimation一样

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
 android:toXScale="1"
 android:toYScale="1"
 android:fromXScale="0.1"
 android:fromYScale="0.1"
 android:pivotY="0%"
 android:pivotX="0%"
 android:duration="2000">
 <!--
  浮点值 表示倍数 自身几倍
  fromXScale 动画在X轴以自身几倍伸缩开始
  toXScale 动画在X轴以自身几倍伸缩结束
  fromYScale 动画在Y轴以自身几倍伸缩开始
  toYScale 动画在Y轴以自身几倍伸缩结束
  pivotX 动画相对于控件自身的X坐标的开始位置
  pivotY 动画相对于控件自身的Y坐标的开始位置
  0% 0% 表示控件左上角 为0,0原点坐标
 -->
</scale>

TranslateAnimation:平移动画

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
 android:fromXDelta="-100%p"
 android:fromYDelta="0"
 android:toXDelta="100%p"
 android:toYDelta="0"
 android:duration="2000">
 <!--
  fromXDelta x轴起始位置
  toXDelta X轴结束位置
  fromYDelta y轴起始位置
  toYDelta y轴结束位置
  100%p 表示相对于父级
  100%相对于自身
-->
</translate>

RotateAnimation:旋转动画

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
 android:fromDegrees="0"
 android:toDegrees="360"
 android:duration="2000"
 android:pivotX="50%"
 android:pivotY="50%"
android:interpolator="@android:anim/accelerate_decelerate_interpolator">
 <!--
 interpolator 指定动画的插值器
 accelerate_decelerate_interpolator 加速-减速
 accelerate_interpolator  加速
 decelerate_interpolator  减速
 fromDegrees 动画起始角度
 toDegrees 动画结束旋转的角度 可以大于360度
 负数表示逆时针旋转 正数表示顺时针旋转
 pivotX相对于view的X坐标的开始位置
 pivotY相对于view的Y坐标的开始位置
绝对尺寸 100px
 50% 相对尺寸 相对于自身的50%
 50%p 相对尺寸 相对于父容器的50%
 50%为物件的X或Y方向坐标上的中点位置
 duration 动画播放时间 单位毫秒
-->
</rotate>

通过构造方法创建 

构造参数详解  此段内容选自 http://www.cnblogs.com/aimeng/archive/2011/10/10/2206710.html

//在代码中定义 动画实例对象
private Animation myAnimation_Alpha;
private Animation myAnimation_Scale;
private Animation myAnimation_Translate;
private Animation myAnimation_Rotate;

 //根据各自的构造方法来初始化一个实例对象
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);

myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
  Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);

myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
  Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

AlphaAnimation

AnimationAlphaAnimation(float fromAlpha, float toAlpha)
//第一个参数fromAlpha为 动画开始时候透明度
//第二个参数toAlpha为 动画结束时候透明度
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
//说明:
//  0.0表示完全透明
//  1.0表示完全不透明
myAnimation_Alpha.setDuration(5000);
//设置时间持续时间为 5000毫秒

ScaleAnimation

ScaleAnimation(float fromX, float toX, float fromY, float toY,
   int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
 //第一个参数fromX为动画起始时 X坐标上的伸缩尺寸
 //第二个参数toX为动画结束时 X坐标上的伸缩尺寸
 //第三个参数fromY为动画起始时Y坐标上的伸缩尺寸
 //第四个参数toY为动画结束时Y坐标上的伸缩尺寸
 /*说明:
    以上四种属性值
    0.0表示收缩到没有
    1.0表示正常无伸缩
    值小于1.0表示收缩
    值大于1.0表示放大
 */
 //第五个参数pivotXType为动画在X轴相对于物件位置类型
 //第六个参数pivotXValue为动画相对于物件的X坐标的开始位置
 //第七个参数pivotXType为动画在Y轴相对于物件位置类型
 //第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置
 myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
   Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
 myAnimation_Scale.setDuration(700);
 //设置时间持续时间为 700毫秒

TranslateAnimation

TranslateAnimation(float fromXDelta, float toXDelta,
    float fromYDelta, float toYDelta)
 //第一个参数fromXDelta为动画起始时 X坐标上的移动位置
 //第二个参数toXDelta为动画结束时 X坐标上的移动位置
 //第三个参数fromYDelta为动画起始时Y坐标上的移动位置
 //第四个参数toYDelta为动画结束时Y坐标上的移动位置 

RotateAnimation

RotateAnimation(float fromDegrees, float toDegrees,
   int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
 //第一个参数fromDegrees为动画起始时的旋转角度
 //第二个参数toDegrees为动画旋转到的角度
 //第三个参数pivotXType为动画在X轴相对于物件位置类型
 //第四个参数pivotXValue为动画相对于物件的X坐标的开始位置
 //第五个参数pivotXType为动画在Y轴相对于物件位置类型
 //第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置
 myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

属性动画

相对补间动画  属性动画会真正的使目标对象的属性值发生改变,不像补间动画只是影像的改变    只能修改具有get/set方法的属性值

因为可以修改对象的属性,属性动画可以做到更多的效果,改变文本大小,背景颜色等等

属性动画创建在 res/animator

ValueAnimator

包含属性动画的所有核心功能,动画时间,开始、结束属性值,属性值计算方法等。

ValuAnimiator设置开始结束值 实现ValueAnimator.onUpdateListener接口,

这个接口只有一个函数onAnimationUpdate(),在这个函数中会传入ValueAnimator对象做为参数,通过这个ValueAnimator对象的getAnimatedValue()函数可以得到当前的属性值

把属性值设置给某个控件的某个属性

使用xml

<?xml version="1.0" encoding="utf-8"?>
<animator xmlns:android="http://schemas.android.com/apk/res/android"
 android:duration="1000"
 android:valueFrom="0"
 android:valueTo="300"
 android:valueType="intType"
android:interpolator="@android:interpolator/overshoot">
 <!--
 valueFrom 起始值
 valueTo 结束值
 valueType 值的类型
 intType整数值、floatType浮点值、colorType颜色值
 interpolator插值器
 -->
</animator>
ValueAnimator valueAnimator=null;
 //通过AnimatorInflater.loadAnimator()加载xml 创建ValueAnimator
 valueAnimator= (ValueAnimator) AnimatorInflater.loadAnimator(this,R.animator.animator_value);
 //动画执行时间
 valueAnimator.setDuration(3000);
 //值改变监听
 valueAnimator.addUpdateListener(listener);
 //开始动画
 valueAnimator.start();
private ValueAnimator.AnimatorUpdateListener listener=new ValueAnimator.AnimatorUpdateListener() {
 @Override
 public void onAnimationUpdate(ValueAnimator animation) {
       //获取值
  int value= (int) animation.getAnimatedValue();
       //btnValueAnimator为测试控件
        //设置控件X轴平移
        btnValueAnimator.setTranslationX(value);
 }
 };

使用代码

/**
  * valueAnimator 单个值
  */
 //代码创建 ValueAnimator类自身的方法
 //ofFloat值类型float
 ValueAnimator valueAnimator=ValueAnimator.ofFloat(0,1);
 //ofInt值类型int 从0~300
 valueAnimator=ValueAnimator.ofInt(0,300);
 //也可以用来设置颜色 在颜色改变过程中会将颜色变化情况显示出来
 //红色到蓝色的改变过程 显示N种颜色
 valueAnimator=ValueAnimator.ofInt(Color.RED,Color.BLUE);
 //ofArgb设置颜色 如果无法使用 是的sdk版本低了
 //这个方法改变颜色过程中只显示红色和蓝色
 //valueAnimator=ValueAnimator.ofArgb(Color.RED,Color.BLUE);
 //设置插值器
 valueAnimator.setInterpolator(new CycleInterpolator());
 /**
  *
  * ValueAnimator.ofPropertyValuesHolder 设置多个值
  */
 //设置动画属性 参数1:名字 参数2,3值的变化区间
 PropertyValuesHolder alphaHolder=PropertyValuesHolder.ofFloat("alpha",0f,1f);
 PropertyValuesHolder widthHolder=PropertyValuesHolder.ofInt("width",0,300);
 //ValueAnimator.ofPropertyValuesHolder 添加holder 创建动画
valueAnimator=ValueAnimator.ofPropertyValuesHolder(alphaHolder,widthHolder);
 //动画执行时间
 valueAnimator.setDuration(3000);
 //值改变监听
 valueAnimator.addUpdateListener(listener);
private ValueAnimator.AnimatorUpdateListener listener=new ValueAnimator.AnimatorUpdateListener() {
 @Override
 public void onAnimationUpdate(ValueAnimator animation) {
  /**
  * 单个值获取 getAnimatedValue取出变化值 根据设置类型强转
  * btnValueAnimator 测试用的button
  */
//  int value= (int) animation.getAnimatedValue();
//  btnValueAnimator.setTranslationX(value);横坐标平移
//  float value= (float) valueAnimator.getAnimatedValue();
//  btnValueAnimator.setAlpha(value);透明度改变
//  int value= (int) animation.getAnimatedValue();
//  btnValueAnimator.setTextColor(value);文字颜色改变
  /**
  * PropertyValuesHolder存了多个值 通过名字获取 强制转换
  */
  float alpha= (float) valueAnimator.getAnimatedValue("alpha");
  int width= (int) valueAnimator.getAnimatedValue("width");
  btnValueAnimator.setAlpha(alpha);//改变透明度
  //图像绘制 左边不变从右边慢慢增加
  //修改控件的width height不能使用setWidth或setHeight
  btnValueAnimator.setRight(width);
  //btnValueAnimator.setBottom(width);

 }
 };

ObjectAnimator:

继承自ValueAnimator,要指定一个对象及该对象的一个属性,当属性值计算完成时自动设置为该对象的相应属性,不需要设置监听,底层自动完成,一般会用ObjectAnimator来改变某一对象的某一属性

//用来测试的button
 Button btnObjectAnimator= (Button) findViewById(R.id.btn_object_animator);
 //加载动画
 ObjectAnimator objectAnimator= (ObjectAnimator) AnimatorInflater.loadAnimator(this,R.animator.animator_object);
 //绑定控件
 objectAnimator.setTarget(btnObjectAnimator);
 //参数1 绑定控件 参数2 设置 属性 参数3 设置值
 objectAnimator=ObjectAnimator.ofInt(btnObjectAnimator,"textColor",Color.RED);
 //PropertyValuesHolder设置多个属性
 PropertyValuesHolder translationXHolder=PropertyValuesHolder.ofFloat("translationX",0,300);
 PropertyValuesHolder translationYHolder=PropertyValuesHolder.ofFloat("translationY",0,200);
objectAnimator=ObjectAnimator.ofPropertyValuesHolder(btnObjectAnimator,translationXHolder,translationYHolder);
 objectAnimator.setDuration(3000);
     //开始动画
     objectAnimator.start();

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!

时间: 2017-01-02

Android编程之简单逐帧动画Frame的实现方法

本文实例讲述了Android编程之简单逐帧动画Frame的实现方法.分享给大家供大家参考,具体如下: 1.逐帧动画 即是通过播放预先排序好的图片来实现动态的画面,感觉像是放电影. 2.实现步骤: ① 在工程里面导入要播放的图片.此简单例子中为start_icon1,2,3. ② 在工程res文件目录下新建一个anim文件夹,在里面新建一个start_animation.xml格式文件,此文件用来定义动画播放图片的顺序及每一张图片显示停留时间. 代码如下: <?xml version="1.

Android逐帧动画实现代码

逐帧动画(Frame-by-frame Animations)顾名思义就是一帧接着一帧的播放图片,就像放电影一样.可以通过xml实现也可以通过java代码实现.逐帧动画适合实现比较简单的动画效果,如果要实现复杂动画不太建议使用逐帧动画. xml方式实现: step 1 : 在res/drawable目录下一个文件sample_animlist.xml: <?xml version="1.0" encoding="utf-8"?> <animatio

Android 动画(View动画,帧动画,属性动画)详细介绍

0. 前言  Android动画是面试的时候经常被问到的话题.我们都知道Android动画分为三类:View动画.帧动画和属性动画. 先对这三种动画做一个概述: View动画是一种渐进式动画,通过图像的平移.缩放.旋转和透明度等各种渐进式变换完成动画效果. 帧动画是通过不停的切换图片实现动画效果. 属性动画是不停的改变对象的属性来实现动画效果.本文原创,转载请注明出处: http://blog.csdn.net/seu_calvin/article/details/52724655 1.  Vi

Android 帧动画的实例详解

Android 帧动画的实例详解 对于 Android 帧动画 大体上可以理解成 一张张图片 按一定顺序切换, 这样当连续几张图是一组动画时,就可以连起来了看成是一个小电影,你懂得 好得,比就装到这里,下面开始进入正题,由于产品需求 需要做一个 声音喇叭动态切换的样式,我特么第一就想到是帧动画切换,然后就百度了一些资料,发现 真的, 现在这个网上太多的资料是 copy粘贴过来的, 一错全错,对于这种情况我只想说,made,一群垃圾, 所以今天我将带你们走进Android 正确帧动画地址. 第一步

Android动画之逐帧动画(Frame Animation)实例详解

本文实例分析了Android动画之逐帧动画.分享给大家供大家参考,具体如下: 在开始实例讲解之前,先引用官方文档中的一段话: Frame动画是一系列图片按照一定的顺序展示的过程,和放电影的机制很相似,我们称为逐帧动画.Frame动画可以被定义在XML文件中,也可以完全编码实现. 如果被定义在XML文件中,我们可以放置在/res下的anim或drawable目录中(/res/[anim | drawable]/filename.xml),文件名可以作为资源ID在代码中引用:如果由完全由编码实现,我

Android 逐帧动画创建实例详解

Android 逐帧动画创建实例详解 前言: 我们看早期电影的时候,电影通常是一张一张播放,用我们现在专有名词来说,就是一帧帧来,安卓同样有这样动画效果的编排形式. 那么我们先定义逐帧动画xml文件 <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" an

Android之仿美团加载数据帧动画

一:先来张效果图(这里是GIF动画,我就截屏的所有没有动画,实际是动的): 二:实现步骤: 1.xml布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" an

Android帧动画、补间动画、属性动画用法详解

在安卓开发中,经常会使用到一些动画,那么在开发中,如何使用这些动画呢? 帧动画:不是针对View做出一些形状上的变化,而是用于播放一张张的图片,例如一些开机动画,类似于电影播放,使用的是AnimationDrawable来播放帧动画 res/drawable <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.androi

Android 使用帧动画内存溢出解决方案

Android 使用帧动画内存溢出解决方案 最近在项目遇到的动画效果不好实现,就让UI切成图,采用帧动画实现效果,但是在使用animation-list时,图片也就11张,每张图片大概560k左右,结果内存溢出,崩溃 了,自己用了三张都崩溃:拿代码说: 1.anin_searh.xml <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://

Android动画之逐帧动画(Frame Animation)基础学习

前言 在Android中,动画Animation的实现有两种方式:Tween Animation(补间动画)和Frame Animation(帧动画).渐变动画是通过对场景里的对象不断做图像变换(平移.缩放.旋转等)产生动画效果.帧动画则是通过顺序播放事先准备好的图像来产生动画效果,和电影类似. 下面我们就来学习下Android中逐帧动画的基础知识. 原理 : 人眼的"视觉暂留" 方式 : 1.在java代码中 ( new AnimationDrawable().addFrame(ge

Android动画之补间动画(Tween Animation)基础学习

前言 之前说过了在Android中,动画Animation的实现有两种方式:Tween Animation(渐变动画)和Frame Animation(帧动画).渐变动画是通过对场景里的对象不断做图像变换(平移.缩放.旋转等)产生动画效果.帧动画则是通过顺序播放事先准备好的图像来产生动画效果,和电影类似. 小编也和大家分享了逐帧动画的基础知识,下面我们就来学习下Android中逐帧动画的基础知识. 原理 : 给出开始和结束两个关键帧,两个关键帧之间的插补帧是由计算机自动运算而得到的. 分类 :

如何利用node.js开发一个生成逐帧动画的小工具

前言 在实际工作中我们已经下下来不下于一万个npm包了,像我们熟悉的 vue-cli,react-native-cli 等,只需要输入简单的命令 vue init webpack project,即可快速帮我们生成一个初始项目.在实际开发项目中,我们也可以定制一个属于自己的npm包,来提高自己的工作效率. 为什么要开发一个工具包? 减少重复性的工作,不再需要复制其他项目再删除无关代码,或者从零创建一个项目和文件. 根据交互动态生成项目结构和所需要的文件等. 减少人工检查的成本. 提高工作效率,解

Android利用animation-list实现帧动画

本文实例为大家分享了利用animation-list实现帧动画的具体代码,供大家参考,具体内容如下 将要顺序播放的图片放在资源目录下 再drawable目录下新建animation1文件和animation2文件  一个是按顺序显示动画,一个是倒序显示动画, 顺序显示动画文件:animation1.xml <?xml version="1.0" encoding="utf-8"?> <!-- 根标签为animation-list,其中oneshot

Android动画之补间动画(Tween Animation)实例详解

本文实例讲述了Android动画之补间动画.分享给大家供大家参考,具体如下: 前面讲了<Android动画之逐帧动画(Frame Animation)>,今天就来详细讲解一下Tween动画的使用. 同样,在开始实例演示之前,先引用官方文档中的一段话: Tween动画是操作某个控件让其展现出旋转.渐变.移动.缩放的这么一种转换过程,我们称为补间动画.我们可以以XML形式定义动画,也可以编码实现. 如果以XML形式定义一个动画,我们按照动画的定义语法完成XML,并放置于/res/anim目录下,文