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() {@Overridepublic void onAnimationStart(Animation arg0) {// TODO Auto-generated method stub}@Overridepublic void onAnimationRepeat(Animation arg0) {// TODO Auto-generated method stub}@Overridepublic void onAnimationEnd(Animation arg0) {// TODO Auto-generated method stubimage.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  正序重复RESTARTalphaAnimation.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);

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