Android中的动画学习总结

  android中动画可分为三种:帧动画,补间动画,和属性动画。其中属性动画是google推荐的,它可以实现前面两种动画的效果,运用起来更加灵活。

  帧动画:顾名思义,就是一帧一帧的图片,快速播放形成的动画。 具体实现步骤如下: 

   第一:新建一个drawable资源 以animation-list 为根节点创建资源文件。

      

    第二:给ImageView或者其他View设置关联drawable。可以作为background或者src。

    第三:在java代码中,通过View.getBackground();或者ImageView.getDrawable()。得到已经关联View的Drawable对象,转成AnimationDrawable对象。

       然后调用AnimationDrawable.start()方法开始动画。也可以通过java代码动态加载Drawable资源,关联给View,再开始动画。

       (一定要先把Drawable与View关联之后,才能开始AnimationDrawable动画。)

  补间动画:类型有(透明度、缩放、旋转、平移、AnimationSet)AnimationSet。是一组Tween动画的集合。

  可以通过addAnimation添加四种动画。使其四种动画可以同步开始与结束。其中repeatCount在AnimationSet中不起作用,只能每个动画中单独设置,分别可设置不同的重复次数。在xml中,fillAfter属性只有在set节点中设置才有效果。在xml中,插值器android:interpolator也要定义在set节点才有效。

补间动画的xml写法:

    1.在res/anim/目录下创建动画资源文件,在其中定义需要的动画

    2.在代码中加载动画资源

      Animation animation = AnimationUtils.loadAnimation(this, R.anim.translation_anim);

    3.开启动画

       imageView.startAnimation(animation);

  补间动画的java代码写法:

      TranslateAnimation translateAnimation=new TranslateAnimation(Animation.RELATIVE_TO_PARENT,0,
      Animation.RELATIVE_TO_PARENT,0,Animation.RELATIVE_TO_PARENT,-1,Animation.RELATIVE_TO_PARENT,0);
      translateAnimation.setDuration(1000);
      translateAnimation.setInterpolator(new BounceInterpolator());
      mivLogoIcon.startAnimation(translateAnimation);

  补间动画动画集的java代码写法:

    

      补间动画还可以设置监听事件。animation.setAnimationListener;传入AnimationListener接口的类的对象,该类需要实现接口的三个方法:

      

   Android:interpolotor属性的常用属性值

     


属性


描述


@android:anim/linear_interpolator


动画一直在做匀速改变


@android:anim/accelerate_interpolator


动画一在开始的地方心变较慢,然后开始加速


@android:anim/decelerate_interpolator


在动画开始的地方改变速度较快,然后开始减速


@android:anim/accelerate_decelerate_interpolator


动画在开始和结束的地方改变速度较慢,在中间的时候加速


@android:anim/cycle_interpolator


动画循环播放特定的次数,变化速度按正弦曲线改变


@android:anim/bounce_interpolator


动画结束的地方采用弹球效果


@android:anim/anticipate_overshoot_interpolator


在动画开始的地方先向后退一小步,再开始动画,到结束的地方再超出一小步,最后回到动画结束的地方

@android:anim/overshoot_interpolator
动画快速到达终点,并超出一小步最后回到动画结束的地方


@android:anim/anticipate_interpolator


在动画开始的地方先向后退一小步,再快速到达动画结束的地方

    补间动画在Activity跳转时的运用:

定义动画资源:

1.enter_anim.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

<alpha  android:duration="3000"

android:fromAlpha="0.5"

android:toAlpha="1"/>

<scale

android:fromXScale="0.2"

android:toXScale="1"

android:fromYScale="0.2"

android:toYScale="1"

android:duration="3000"

android:pivotX="50%p"

android:pivotY="50%p"></scale>

</set>

2.exit_anim.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

<alpha  android:duration="3000"

android:fromAlpha="1"

android:toAlpha="0.5"/>

<scale

android:fromXScale="1"

android:toXScale="0.2"

android:fromYScale="1"

android:toYScale="0.2"

android:duration="3000"

android:pivotX="50%p"

android:pivotY="50%p"></scale>

</set>

3. 在代码中startActivity(intent)后调用overridePendingTransition方法

Intent intent = new Intent(MainActivity.this,SecondActivity.class);

startActivity(intent);

overridePendingTransition(R.anim.enter2_anim,R.anim.exit_anim);

  属性动画:

    资源文件常用属性:

  • "rotation" 自身平面旋转
  • "rotationX" 3D翻转 X轴不变
  • "rotationY" 3D翻转 Y轴不变
  • "alpha" 透明度
  • "scaleX" 缩放X 轴
  • "scaleY" 缩放Y 轴
  • "translationY" Y轴上移动
  • "translationX" X轴上横向移动

java代码实现:

ObjectAnimator oa = ObjectAnimator.ofFloat(target, propertyName, values);

例如:

ObjectAnimator oa = ObjectAnimator.ofFloat(id_ball, "rotation", 0, 180);

oa.setDuration(5000)//动画执行的时间

oa.setRepeatCount(1);//动画的重复次数

oa.setRepeatMode(ObjectAnimator.REVERSE);//动画的重复方式

oa.start();//开始动画

属性动画集合实现:

  方式一,使用PropertyValuesHolder:

PropertyValuesHolder pvh1 = PropertyValuesHolder.ofFloat("scaleX", 1.0f, 2.0f);

PropertyValuesHolder pvh2 = PropertyValuesHolder.ofFloat("scaleY", 1.0f, 2.0f);

PropertyValuesHolder pvh3 = PropertyValuesHolder.ofFloat("alpha", 1.0f, 0.2f);

PropertyValuesHolder pvh4 = PropertyValuesHolder.ofFloat("rotationX", 0, 360);

PropertyValuesHolder pvh5 = PropertyValuesHolder.ofFloat("translationY", 1f, 100f);

ObjectAnimator.ofPropertyValuesHolder(id_ball, pvh1, pvh2, pvh3, pvh4, pvh5).setDuration(4000).start();

      方式二,使用监听器:

animator.addListener(new Animator.AnimatorListener() {

@Override

public void onAnimationStart(Animator animation) {

//TODO 动画开始前的操作

/**

* 比如这里可以初始化一些UI

*/

}

@Override

public void onAnimationEnd(Animator animation) {

//TODO 动画结束的操作

/**

* 比如这里可以等动画结束进行一些账号登录或者网络数据请求等。

*/

}

@Override

public void onAnimationCancel(Animator animation) {

//TODO 动画取消的操作

}

@Override

public void onAnimationRepeat(Animator animation) {

//TODO 动画重复的操作

}

});

如果不关心动画的全部状态,可以使用:

animator.addListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator animation) {

//TODO 动画结束的操作

/**

* 比如这里可以等动画结束进行一些账号登录或者网络数据请求等。

*/

}

});

监听当前动画的执行情况:

animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

float value = (float) animation.getAnimatedValue();

//可以根据自己的需要来获取动画更新值。

Log.e("TAG", "the animation value is " + value);

}

});

举例:
ObjectAnimator anim = ObjectAnimator.ofFloat(id_ball, "null", 1.0F, 0.1F, 1).setDuration(4000);

anim.addUpdateListener(new AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

//得到变化后的value大小

float cVal = (Float) animation.getAnimatedValue();

id_ball.setAlpha(cVal);//改变控件的透明度

id_ball.setScaleX(cVal);//改变控件的缩放

id_ball.setScaleY(cVal);//***

id_ball.setTranslationX(id_ball.getWidth() * (1 - cVal));

}});

anim.start();

方式3,使用动画集AnimatorSet:

AnimatorSet这个类提供了一个play()方法,如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例,AnimatorSet.Builder中包括以下四个方法:

after(Animator anim) 将现有动画插入到传入的动画之后执行

after(long delay) 将现有动画延迟指定毫秒后执行

before(Animator anim) 将现有动画插入到传入的动画之前执行

with(Animator anim) 将现有动画和传入的动画同时执行

例:

ObjectAnimator alphaObjectAnimator2 = ObjectAnimator.ofFloat(textView,"alpha",1,0.5f,0.2f,0.1f,0.5f,1);

ObjectAnimator scaleXObjectAnimator = ObjectAnimator.ofFloat(textView,"scaleX",1,2,1,2,1);

ObjectAnimator scaleYObjectAnimator = ObjectAnimator.ofFloat(textView,"scaleY",1,2,1,2,1);

AnimatorSet animatorSet = new AnimatorSet();

animatorSet.play(alphaObjectAnimator2).with(scaleXObjectAnimator).after(scaleYObjectAnimator);

animatorSet.setDuration(3000);

animatorSet.start();

      属性动画的xml实现:

第一步:在res/animator目录下创建文件anim_file.xml

<set xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="2000"

android:ordering="sequentially">

<!--动画执行顺序 sequentially:顺序执行;together:同时执行。 -->

<objectAnimator

android:propertyName="translationX"

android:valueFrom="0"

android:valueTo="200"

android:valueType="floatType" />

<set android:ordering="together">

<objectAnimator

android:propertyName="scaleX"

android:valueFrom="1"

android:valueTo="2"

android:valueType="floatType" />

<objectAnimator

android:propertyName="rotationX"

android:valueFrom="0"

android:valueTo="90"

android:valueType="floatType" /><!--动画值的类型-->

</set>

</set>

第二步,在代码中加载动画文件

Animator animator = AnimatorInflater.loadAnimator(context, R.animator.anim_file);

animator.setTarget(view);

animator.start();

    最后注意补间动画与属性动画的区别:    

      补间动画就算控件移动到任何位置,控件本身位置还是不变(类似dota中冰女放大,被推推推走的效果)。

      属性动画是直接改变了控件的位置。

      补间动画是通过控件启动动画,如: imageView.startAnimation(translateAnimation);

      属性动画是动画对象启动,如:animator.start();

    

      

    

时间: 2024-10-06 19:27:12

Android中的动画学习总结的相关文章

Android中的动画

Android中的动画分为两大类:视图动画(View Animation)和属性动画(Property Animation).视图动画又分为帧动画(Frame Animation)和补间动画(Tween) 视图动画:只实现动画效果而不改变控件本身的属性            属性动画:以实现动画效果改变控件本身的属性 帧动画:实现帧动画,首先在drawable文件夹中放上动画资源(一个animation-list标签的xml文件,里面是一个个item), 然后在代码上,第一步:获取要显示动画效果

android中Animation动画的连续播放与播放完毕后停留在最后的状态

我们做安卓应用的苦逼程序员们常常会需要用到Animation也就是动画.比如做地图功能的时候.我们在手机旋转时需要根据手机重力感应来调整地图的角度,让它上面的“北”一直指向地球的北面...好多人做动画的时候会遇到这么两个难题(我也曾经遇到过):1:动画执行完了一遍后又立刻恢复到了初始状态,或者动画只能不断循环动作.[问题:我想让动画动到某个位置或转到某个角度后停在那里,该如何做呢?]2:点击按钮一.动画从0度转到了10度,我再点击按钮二.需要动画从之前的10度位置再继续转到20度.再点击按钮三.

Android(java)学习笔记200:Android中View动画之 XML实现 和 代码实现

1.Animation 动画类型 Android的animation由四种类型组成: XML中: alph 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果 JavaCode中 AlphaAnimation 渐变透明度动画效果 ScaleAnimation 渐变尺寸伸缩动画效果 TranslateAnimation 画面转换位置移动动画效果 RotateAnimation 画面转移旋转动画效果  2.Andro

详细讲解Android中的动画Animation(依据Android源码目录结构讲解)

Android中Animation如果仔细的整理一下,是一个非常值得学习的模块.由于其中涉及的内容比较多,大家经常在实际的开发的过程中,只是略微的攫取其中的部分进行运用,比较零碎,下面我就对照着源码中的Animation的实际代码结构,对Animation的实际体系进行讲解一下,希望对大家理解Andorid中的Animation的设计理念有一定的理解. 第一个类:AnimationThread 顾名思义,这个类的本质是一个线程.我们主要关注下面几点: 1.其内部有一个静态的内部类,Message

android中的动画全解析

Android为我们提供了2中动画 一: Tween Animation 渐变动画 通过对特定对象做图像的变换,例如: 平移, 缩放,旋转, 淡入淡出 等. 二: Frame Animation 帧动画 创建一个淡入阿瓦不了可以按照指定的时间间隔一个一个显示.顺序播放 下面我们就详细介绍一下这两中动画: 首先我们介绍 渐变动画: 1. Tween Animation 1. 渐变动画有四种样式: alpha: 渐变透明度 scale: 缩放尺寸伸缩动画 translate: 移动动画效果 rota

初识android中的动画

动画效果可以大大提高界面的交互效果,因此,动画在移动开发中的应用场景较为普遍.掌握基本的动画效果在成熟的软件开发中不可或缺.除此之外,用户对于动画的接受程度远高于文字和图片,利用动画效果可以加深用户对于产品的印象.因此本文给出安卓设计中几种常见的动画效果. 基础知识 在介绍安卓中的动画效果之前,有必要介绍一下安卓中的图片处理机制.图片的特效包括图形的缩放.镜面.倒影.旋转.平移等.图片的特效处理方式是将原图的图形矩阵乘以一个特效矩阵,形成一个新的图形矩阵来实现的.矩阵Matrix 类,维护了一个

Android中属性动画的基本用法

在开发中属性动画是很常用的功能,下面我把属性动画的基本用法记录一下,供他人学习,也逐渐积累自己的知识. 单个动画效果: //创建动画对象,后面的参数依次为:动画效果的目标组件,需要改变的该组建的属性(必须有对应的get和set方法就可以),后面三个参数写变化过程对应数值. ObjectAnimator animator= ObjectAnimator.ofFloat(textView, "TextSize", 15, 50, 15); //动画过程所用时间,会按这个世界自动平滑执行 a

Android笔记(六十三) android中的动画——逐帧动画( frame-by-frame animation)

就好像演电影一样,播放实现准备好的图片,来实现动画效果. 逐帧动画需要用到AnimationDrawable类,该类主要用于创建一个逐帧动画,然后我们把这个动画设置为view的背景即可. android提供两种方法为AnimationDrawable添加帧:XML定义和JAVA代码创建. XML 因为动画帧的资源需要是一个Drawable对象,所以需要把它放到Drawable目录下.在<animation-list>使用<item>来添加一帧 anima.xml <?xml

android中的动画之变换动画(Tween Animation)

android中有四大动画,它们分别是:变换动画(Tween Animation),帧动画(frame Animation),布局动画(layout Animation),属性动画(Property Animation ).今天我在这里简单的说下变换动画. 首先我们来说下animation种的那些属性(这些都是动画中的通用属性) xml属性 java方法 解释 android:detachWallpaper setDetachWallpaper(booean) 是否在在壁纸上运行 android