android动画基础

以前写了一个android属性动画的博客

今天来系统的学习一下android动画基础

android目前一共4中动画

1Tween Animation变换动画

2.FrameAnimation帧动画

3.Layout Animation布局动画

4.Property Animation属性动画

一Tween Animation（变换动画）

Alpha :渐变透明度动画

Scale:渐变尺寸缩放动画

Translate:位置移动动画

Rotate:旋转动画

Tween Animation动画的共同属性

（1）Duration :动画持续时间（毫秒）

（2）fillAfter:设置为true，动画转化在动画结束之后被应用

（3）fillBefore:设置为true,动画转化在动画开始前被应用

（4）interpolator:动画插入器（加速，减速插入器）

（5）repeatCount:动画重复次数

（6）repateMode：顺序重复/倒叙重复

（7）startOffset:动画之间的时间间隔

Animation实现方式

方式一 配置文件（/res/anim）---alpha,scale,translate,rotate

方式二Java代码实现---AlphaAnimation,ScaleAnimation,TranslateAnimation,RotateAnimation

Java代码创建

//创建Alpha动画

Animation alpha = new AlphaAnimation(0.1f,1.0f)

透明度10%-100%

//设置动画时间为5秒

alpha.setDuration(5000);

//开始播放

img.startAnimation(alpha);

加载配置文件

Animation scale  = AnimationUtils.loadAnimation(TweenActivity.this,R.anim.scale_anim);

//开始动画

imag.startAnimatin(scale);

Animation(scale);

下面主要使用加载配置文件形式实现动画

在资源文件res下新建anim文件夹，在anim文件夹下创建各种动画的配置文件

第一种：缩放动画：ScaleAnimation

基础知识：

（1）fromX ,toX分别是起始和结束时x坐标上的伸缩尺寸

（2）fromY,toY分别是起始和结束时y坐标的伸缩尺寸

（3）pivotX,pivoty分别为伸缩动画相对于x，y坐标开始的位置

下面用到了动画的插入器，并且50%是在image的中心点开始放大你可以尝试设置pivotX="0%"，pivotY="100%"看一下效果，这样你就明白是什么意思了

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

    <scale
        android:duration="2000"
        android:fillAfter="false"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

在程序中引用配置文件：

	loadAnimation = AnimationUtils.loadAnimation(this, R.anim.scale);//引用配置文件
	image.startAnimation(loadAnimation);//给图片image设置缩放动画

透明度动画：alpha

基础知识：下面文件意思是从透明度0到1

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

    <alpha
        android:duration="1000"
        android:fromAlpha="0.1"
        android:toAlpha="1.0" >
    </alpha>

</set>

加载动画：

loadAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha);
image.startAnimation(loadAnimation);

 位移动画：TranslateAnimation

(1)fromXDelta,fromYDelta分别是起始时X,Y的坐标

（2）toXDelta，toYDelta分别是结束时X,Y的坐标

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

    <translate
        android:duration="1000"
        android:fromXDelta="10"
        android:fromYDelta="10"
        android:toXDelta="100"
        android:toYDelta="100" />

</set>

loadAnimation = AnimationUtils.loadAnimation(this, R.anim.translate);
			image.startAnimation(loadAnimation);

旋转动画 RotateAnimation

基础知识：

（1）fromDegrees起始的角度

（2）toDegrees终止的角度

（3）pivotX，pivotY分别为旋转动画相对于x,y的坐标开始位置

下面使用了android自带的插值器先加速后减速

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

    <rotate
        android:duration="1000"
        android:fromDegrees="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="+360" />

</set>

loadAnimation = AnimationUtils.loadAnimation(this, R.anim.rotate);
image.startAnimation(loadAnimation);

组合动画

案例一：

续博：位移动画，加旋转动画，先平移，平移到终点后旋转

loadAnimation = AnimationUtils
					.loadAnimation(this, R.anim.translate);
			image.startAnimation(loadAnimation);
			final Animation loadAnimation2 = AnimationUtils.loadAnimation(this,
					R.anim.rotate);
			loadAnimation.setAnimationListener(new AnimationListener() {

				@Override
				public void onAnimationStart(Animation arg0) {
					// TODO Auto-generated method stub

				}

				@Override
				public void onAnimationRepeat(Animation arg0) {
					// TODO Auto-generated method stub

				}

				@Override
				public void onAnimationEnd(Animation arg0) {
					// TODO Auto-generated method stub
					image.startAnimation(loadAnimation2);
				}
			});

案例二：续播，写一个动画集，在其中定义动画A和动画B

为动画B设置startOffset，其值就是前一个动画播放的所需的时间。

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

    <alpha
        android:duration="3000"
        android:fromAlpha="0.2"
        android:toAlpha="1.0" />
    <alpha
        android:duration="3000"
        android:fromAlpha="1.0"
        android:startOffset="3000"
        android:toAlpha="0.2" />

</set>

loadAnimation = AnimationUtils.loadAnimation(this,
					R.anim.continue_anim);
			image.startAnimation(loadAnimation);

案例三（循环闪烁）
利用Animation的setRepeatCount,setRepeatMode来实现动画循环。

AlphaAnimation alphaAnimation = new AlphaAnimation(0.1f, 1.0f);
			alphaAnimation.setDuration(100);
			alphaAnimation.setRepeatCount(10);
			//倒序重复REVERSE  正序重复RESTART
			alphaAnimation.setRepeatMode(Animation.REVERSE);
			image.startAnimation(alphaAnimation);

案例四Activity切换动画：

使用overridePendingTrasition方法

参数：参数一：第二个ａctivity进入动画，参数二：第一个ａｃｔｉｖｉｔｙ退出的动画

ｚｏｏｍ＿ｉｎ．ｘｍｌ

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator" >
  
  <scale
        android:duration="1000"
        android:fromXScale="0.1"
        android:fromYScale="0.1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />
  <alpha
        android:duration="1000"
        android:fromAlpha="0"
        android:toAlpha="1.0" />
</set>

ｚｏｏｍ＿ｏｕｔ．ｘｍｌ

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator"
    android:zAdjustment="top" >

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%p"
        android:pivotY="50%p"
        android:toXScale="0.1"
        android:toYScale="0.1" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="1.0"
        android:toAlpha="0" />

</set>

Intent intent=new Intent(MainActivity.this,MainActivity2.class);
			startActivity(intent);
			overridePendingTransition(R.anim.zoom_in,R.anim.zoom_out);

ＬａｙｏｕｔＡｎｉｍａｔｉｏｎ布局动画

ＬａｙｏｕｔＡｎｉｍａｔｉｏｎ可以为Ｖｉｅｗ　Ｇｒｏｕｐ添加动画，并按照预定的顺序，把一个动画

（或者动画集合）应用到Ｖｉｅｗ　Ｇｒｏｕｐ中的每个Ｖｉｅｗ中，可以使用ＬａｙｏｕｔＡｎｉｍａｔｉｏｎＣｏｎｔｒｏｌｌｅｒ（布局动画控制器）

来指定一个应用的Ｖｉｅｗ　Ｇｒｏｕｐ中的每一个Ｖｉｅｗ的动画

案例：随机散列的ＬｉｓｔＶｉｅｗ

ArrayAdapter<String>adapter=new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, list);
	    listView.setAdapter(adapter);
	    LayoutAnimationController lac=new LayoutAnimationController(AnimationUtils.loadAnimation(this, R.anim.zoom_in));
	    lac.setOrder(LayoutAnimationController.ORDER_NORMAL);
	    listView.setLayoutAnimation(lac);
	    listView.startLayoutAnimation();

    lac.setOrder(LayoutAnimationController.ORDER_NORMAL);这个是设置顺序播放的动画，你也可以设置其它播放效果

ＦｒａｍｅＡｎｉｍａｔｉｏｎ（逐帧动画）

使用ａｎｉｍａｔｉｏｎ－ｌｉｓｔ标签来分组一个ｉｔｅｍ标签集合，定义要显示的图片。

指定显示它的时间（以毫秒为单位）

在ｒｅｓ文件夹下创建ｄｒａｗａｂｌｅ文件夹，在文件夹里面创建ａｎｉｍ＿ｌｉｓｔ文件

下面是设置每张图片显示的时间，逐个播放

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

    <item
        android:drawable="@drawable/one"
        android:duration="500"/>
    <item
        android:drawable="@drawable/two"
        android:duration="500"/>
    <item
        android:drawable="@drawable/three"
        android:duration="500"/>
    <item
        android:drawable="@drawable/four"
        android:duration="500"/>
    <item
        android:drawable="@drawable/five"
        android:duration="500"/>
    <item
        android:drawable="@drawable/six"
        android:duration="500"/>

</animation-list>

在程序中使用：

image.setImageResource(R.drawable.anim_list);		

学好动画要多练习，里面好多属性都没有使用到，尝试每种属性的效果。。。。。