Android动画学习--Tween Animation_html/css_WEB-ITnose

目录

android中动画分为3种：

1. Tween Animation：通过对场景里的对象不断做图像变换（平移、缩放、旋转）产生的动画效果，即是一种渐变动画。
2. Frame Animation：顺序播放事先做好的图像，是一种画面转换动画。
3. Property Animation：属性动画，通过动态地改变对象的属性从而达到动画效果，属性动画为API 11新特性。

这篇博客主要来分析Tween Animation的基本使用。

Tween Animation有四种形式：

1. alpha ： 渐变透明动画效果。
2. scale ： 渐变尺寸伸缩动画效果。
3. translate ： 画面位置移动动画效果。
4. rotate ： 画面旋转动画效果。

这四种动画实现方式都是通过Animation类和AnimationUtils配合实现的。动画效果可以预先配置在res/anim目录下的xml文件中。

scale动画?调节尺寸

scale的参数如下：

此外，Animation类是所有动画（scale、alpha、translate、rotate）的基类，从Animation类继承的属性：

光说不练习是不行的，这里给出一个anim的xml文件、一个layout布局文件和一个Activity类，来练习一下scale animation的使用。

res/anim/anim_scale.xml文件如下:

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

res/layout/tween_animation_layout.xml文件如下:

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

动画演示实现类实现如下：

import com.example.photocrop.R;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.view.animation.Animation;import android.view.animation.AnimationUtils;import android.widget.Button;import android.widget.ImageView;public class TweenAnimationTest extends Activity implements OnClickListener {    private Button alphaButton;    private Button scaleButton;    private Button rotateButton;    private Button transButton;    private ImageView animImageView;    @Override    protected void onCreate(Bundle savedInstanceState) {    // TODO Auto-generated method stub    super.onCreate(savedInstanceState);    setContentView(R.layout.tween_animation_layout);    initView();    }    private void initView() {    animImageView = (ImageView) findViewById(R.id.anim_image);    alphaButton = (Button) findViewById(R.id.alpha_button);    scaleButton = (Button) findViewById(R.id.scale_button);    rotateButton = (Button) findViewById(R.id.rotate_button);    transButton = (Button) findViewById(R.id.trans_button);    alphaButton.setOnClickListener(this);    scaleButton.setOnClickListener(this);    rotateButton.setOnClickListener(this);    transButton.setOnClickListener(this);    }    @Override    public void onClick(View v) {        switch (v.getId()) {    case R.id.alpha_button:        break;    case R.id.scale_button:        Animation animation = AnimationUtils.loadAnimation(this, R.anim.anim_scale);        animImageView.startAnimation(animation);        break;    case R.id.rotate_button:        break;    case R.id.trans_button:        break;        }    }}

alpha动画?调节透明度

alpha的参数如下：

从Animation类继承的属性：

我们以上一个TweenAnimationTest类为模板，当点击alpha button的时候，我们触发透明度动画效果。

res/anim/anim_alpha.xml文件如下：

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

响应点击alpha button的listener事件为：

case R.id.alpha_button:    Animation alphaAnimation = AnimationUtils.loadAnimation(this, R.anim.anim_alpha);    animImageView.startAnimation(alphaAnimation);    break;

rotate动画?旋转

rotate参数如下：

从Animation类继承的属性：

res/anim/anim_rotate.xml文件如下：

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

响应点击alpha button的listener事件为：

case R.id.rotate_button:    Animation rotateAnimation = AnimationUtils.loadAnimation(this, R.anim.anim_rotate);    animImageView.startAnimation(rotateAnimation);    break;

translate动画?平移

translate参数：

从Animation类继承的属性：

注意：京东splash页面的进度条用的就是translate动画。

res/anim/anim_rotate.xml文件如下：

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

响应点击alpha button的listener事件为：

case R.id.trans_button:    Animation transAnimation = AnimationUtils.loadAnimation(this, R.anim.anim_translate);    animImageView.startAnimation(transAnimation);    break;