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

在安卓开发中,经常会使用到一些动画,那么在开发中,如何使用这些动画呢?

帧动画:不是针对View做出一些形状上的变化,而是用于播放一张张的图片,例如一些开机动画,类似于电影播放,使用的是AnimationDrawable来播放帧动画
res/drawable

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="true"
  > 

  <item android:drawable="@drawable/g1" android:duration="200"></item>
  <item android:drawable="@drawable/g2" android:duration="200"></item>
  <item android:drawable="@drawable/g3" android:duration="200"></item>
  <item android:drawable="@drawable/g4" android:duration="200"></item>
  <item android:drawable="@drawable/g5" android:duration="200"></item> 

</animation-list> 
ImageView iv = (ImageView) findViewById(R.id.iv);
iv.setBackgroundDrawable(getResources().getDrawable(R.drawable.frame_anim)); 

AnimationDrawable animationDrawable = (AnimationDrawable) iv.getBackground(); 

//设置是否只执行一次
//animationDrawable.setOneShot(false); 

animationDrawable.start();

补间动画(View动画):如果View只做一些动画,并不对View做点击或触控的一些操作,可以使用补间动画,因为View动画,并不会改变View的位置,只是做一些渲染。View动画的四种变换效果对应着Animation的四个子类:TranslateAnimation、ScaleAnimation、RotateAnimation、AlphaAnimation.

// 以view中心为缩放点,由初始状态缩小到看不间在返回到看见
    ScaleAnimation animation = new ScaleAnimation(
        1.0f, 0.0f,//一点点变小直到看不见为止
        1.0f, 0.0f,
        Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f//中间缩放
    );
    animation.setDuration(BUBBLE_ENTER_CENTER_SCALE_TIME);
    animation.setRepeatMode(Animation.REVERSE);
    animation.setRepeatCount(1);
    animation.setAnimationListener(new Animation.AnimationListener() {
      @Override
      public void onAnimationStart(Animation animation) {
      } 

      @Override
      public void onAnimationEnd(Animation animation) { 

        homingBubbleView(true,position,view, current, endRatioFrame);
      } 

      @Override
      public void onAnimationRepeat(Animation animation) {
      }
    });
    view.startAnimation(animation);

属性动画:API11新特性,如果对View不仅做一些动画操作,也对View做一些点击触摸的操作,可以使用属性动画,因为属性动画会改变View的位置。属性动画类有ValueAnimator、ObjectAnimator、AnimatorSet。

下面就来介绍一下两个属性动画

ValueAnimator值动画,它并不是用于对View做一些动画,它仅仅是用于两个值之间的一个过度的动画(按照时间将两个差值平分,然后根据时间来一点点的往上加),系统提供了一些ValueAnimator.ofInt()、ValueAnimator.ofFloat()用于整型和浮点型的两只之间的过度动画,如果两个值是自己自定义的类型该怎么办呢?安卓提供了一个ValueAnimator.ofObject()方法,其中一个参数是TypeEvaluator类型(类型估算器),TypeEvaluator是一个接口,给开发者的一个扩展,接口中有一个public Object evaluate(float fraction, Object startValue, Object endValue) 方法,该方法会在ValueAnimator动画期间不断的调用,fraction是0-1之间的变化率,startValue是(自定义类型的)开始值,endValue是(自定义类型的)结束值,返回类型就是自定义的类型,可以根据自己的需求来自行计算期间的值该如何变化(如可以是运行轨迹)

public class FloatEvaluator implements TypeEvaluator {
  public Object evaluate(float fraction, Object startValue, Object endValue) {
    float startFloat = ((Number) startValue).floatValue();
    return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);
  }    

使用

ValueAnimator mAnimatorEnetr = ValueAnimator.ofObject(new FloatEvaluator(getContext()), 0,10);
      mAnimatorEnetr.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
          (Float) animation.getAnimatedValue();//这里就是返回不断变化的值 

        }
      });
      mAnimatorEnetr.setDuration(1000);
      mAnimatorEnetr.addListener(new Animator.AnimatorListener() {
        @Override
        public void onAnimationStart(Animator animation) { 

        } 

        @Override
        public void onAnimationEnd(Animator animation) { 

        } 

        @Override
        public void onAnimationCancel(Animator animation) { 

        } 

        @Override
        public void onAnimationRepeat(Animator animation) { 

        }
      });
      mAnimatorEnetr.start();

ObjectAnimator动画,它是针对view来做一些属性上值得变化,它不仅在值上有一个过度的变化,而且还会将变化的值设置到所要改变的属性上,让其产生动画的效果
ObjectAnimator.ofInt(view,"translationX",10,20).setDuration(100).start(); 参数view是要产生动画的view,"translationX"属性,后面的参数是变化的区间
ObjectAnimator做属性动画的时候,并不会改变view的left,top,right,bottom值,它改变的只是translationX和translationY的值,这些参数值的关系是 x = left + translationX  , y = top + translationY。在平移过程中,只会改变x 和translationX ,y和translatioinY的值。其中x和y是View左上角的坐标。

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

时间: 2016-11-01

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

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

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

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

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

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

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的实现方法

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

Android 帧动画的实例详解

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

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

帧动画--FrameAnimation 将一系列图片有序播放,形成动画的效果.其本质是一个Drawable,是一系列图片的集合,本身可以当做一个图片一样使用 在Drawable文件夹下,创建animation-list为根节点的资源文件 <animation-list android:oneshot="false"> <item android:drawable="@drawable/img1" android:duration="100

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 逐帧动画创建实例详解

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

Android逐帧动画实现代码

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

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

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

Android开发之动画实现方法

本文实例讲述了Android开发之动画实现方法.分享给大家供大家参考.具体分析如下: 动画分为三种: 逐帧动画.布局动画和控件动画 控件动画实现 通过重写Animation的 applyTransformation (float interpolatedTime, Transformation t)函数来实现自定义动画效果,另外一般也会实现 initialize (int width, int height, int parentWidth, int parentHeight)函数,这是一个回调

Android仿Flipboard动画效果的实现代码

1.上原图 前几天在 Hencoder 征稿看到的Filpboard 里的的动画效果: Filipboard.gif 先bb一句:在看本文的同时,如果觉得我写的模糊看不太懂的可以直接拉到文末,配合完整代码再一步一步看. 2.实现 整体思路: 用手机拍下来,逐帧观看了许久,恍然大悟,就是一张纸,折起一边之后,让其对折线绕中心点旋转. 关联自定义 View : Camera 来控制对折幅度, canves 控制旋转. 具体: 每当对折线旋转的时候,图标总是一边是折起来的,一边是平铺的,且中心对称,所