Android中的动画有哪几类？各自的特点和区别是什么？

在 android.view.animation包中有四种基本的动画，透明／伸缩／移动／旋转。动画类型
Android的animation由四种类型组成
XML中

alpha	渐变透明度动画效果
scale	渐变尺寸伸缩动画效果
translate	画面转换位置移动动画效果
rotate	画面转移旋转动画效果

JavaCode中

AlphaAnimation	渐变透明度动画效果
ScaleAnimation	渐变尺寸伸缩动画效果
TranslateAnimation	画面转换位置移动动画效果
RotateAnimation	画面转移旋转动画效果

Android动画模式
Animation主要有两种动画模式：
一种是tweened animation(渐变动画)

XML中	JavaCode
alpha	AlphaAnimation
scale	ScaleAnimation

一种是frame by frame(画面转换动画)

XML中	JavaCode
translate	TranslateAnimation
rotate	RotateAnimation

Tween动画，这种实现方式可以使视图组件移动、放大、缩小以及产生透明度的变化; 在做项目的过程中，客户要求从左至右播放一次动画的过程，就是采用的是补间动画，设置了动画播放的时间，开始位置与起始位置，播放完毕回到原来的起始位置。
Frame动画，传统的动画方法，通过顺序的播放排列好的图片来实现，类似电影。在项目过程中，在xml中设置了播放的图片和间隔如下： <?xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">

类似于一个等待的过程，不断地加载图片，达到动画的效果。

Android 中的动画有帧动画，补间动画，属性动画，她们的忑点和使用方法如下：

###帧动画
> 一张张图片不断的切换，形成动画效果
* 在drawable目录下定义xml文件，子节点为animation-list，在这里定义要显示的图片和每张图片的显示时长





* 在屏幕上播放帧动画
      ImageView iv = (ImageView) findViewById(R.id.iv);
      //把动画文件设置为imageView的背景
      iv.setBackgroundResource(R.drawable.animations);
      AnimationDrawable ad = (AnimationDrawable) iv.getBackground();
      //播放动画
      ad.start();
###补间动画
* 原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画
* 位移、旋转、缩放、透明
#####位移：
* 参数10指的是X的起点坐标，但不是指屏幕x坐标为10的位置，而是imageview的真实X + 10
* 参数150指的是X的终点坐标，它的值是imageview的真实X + 150
      //创建为位移动画对象，设置动画的初始位置和结束位置
      TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
* x坐标的起点位置，如果相对于自己，传0.5f，那么起点坐标就是真实X + 0.5 * iv宽度
* x坐标的终点位置，如果传入2，那么终点坐标就是真实X + 2 * iv的宽度
* y坐标的起点位置，如果传入0.5f，那么起点坐标就是真实Y + 0.5 * iv高度
* y坐标的终点位置，如果传入2，那么终点坐标就是真实Y + 2 * iv高度
      TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);
* 动画播放相关的设置
      //设置动画持续时间
      ta.setDuration(2000);
      //动画重复播放的次数
      ta.setRepeatCount(1);
      //动画重复播放的模式
      ta.setRepeatMode(Animation.REVERSE);
      //动画播放完毕后，组件停留在动画结束的位置上
      ta.setFillAfter(true);
      //播放动画
      iv.startAnimation(ta);
#####缩放：
* 参数0.1f表示动画的起始宽度是真实宽度的0.1倍
* 参数4表示动画的结束宽度是真实宽度的4倍
* 缩放的中心点在iv左上角
      ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
* 参数0.1f和4意义与上面相同
* 改变缩放的中心点：传入的两个0.5f，类型都是相对于自己，这两个参数改变了缩放的中心点
* 中心点x坐标 = 真实X + 0.5 * iv宽度
* 中心点Y坐标 = 真实Y + 0.5 * iv高度
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
#####透明：
* 0为完全透明，1为完全不透明
      AlphaAnimation aa = new AlphaAnimation(0, 0.5f);
#####旋转：
* 20表示动画开始时的iv的角度
* 360表示动画结束时iv的角度
* 默认旋转的圆心在iv左上角
      RotateAnimation ra = new RotateAnimation(20, 360);
* 20,360的意义和上面一样
* 指定圆心坐标，相对于自己，值传入0.5，那么圆心的x坐标：真实X + iv宽度 * 0.5
* 圆心的Y坐标：真实Y + iv高度 * 0.5
      RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
---
#属性动画
* 补间动画，只是一个动画效果，组件其实还在原来的位置上，xy没有改变
###位移：
* 第一个参数target指定要显示动画的组件
* 第二个参数propertyName指定要改变组件的哪个属性
* 第三个参数values是可变参数，就是赋予属性的新的值
* 传入0，代表x起始坐标：当前x + 0
* 传入100，代表x终点坐标：当前x + 100

      //具有get、set方法的成员变量就称为属性
      ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ;

###缩放：
* 第三个参数指定缩放的比例
* 0.1是从原本高度的十分之一开始
* 2是到原本高度的2倍结束

      ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2);
###透明：
* 透明度，0是完全透明，1是完全不透明

      ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1);
###旋转
* rotation指定是顺时针旋转
* 20是起始角度
* 270是结束角度
      ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270);
* 属性指定为rotationX是竖直翻转
* 属性指定为rotationY是水平翻转
      ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotationY", 20, 180);
###可变参数
* 第三个参数可变参数可以传入多个参数，可以实现往回位移（旋转、缩放、透明）
      ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 70, 30, 100) ;

更多相关文章

随机推荐