Android动画之补间动画(Tween Animation)基础学习

前言

之前说过了在android中，动画animation的实现有两种方式：tween animation（渐变动画）和frame animation（帧动画）。渐变动画是通过对场景里的对象不断做图像变换（平移、缩放、旋转等）产生动画效果。帧动画则是通过顺序播放事先准备好的图像来产生动画效果，和电影类似。

小编也和大家分享了的基础知识，下面我们就来学习下android中逐帧动画的基础知识。

原理 : 给出开始和结束两个关键帧,两个关键帧之间的插补帧是由计算机自动运算而得到的。

分类 : alphaanimation(透明度) scaleanimation(缩放) translateanimation(位移) rotateanimation (旋转) animationset(组合)

方式 :

1.在代码中new

2.在anim文件夹下定义动画xml资源

效果

代码

第一步 :准备动画资源

目录

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
 android:duration="2000"
 android:fromalpha="1.0"
 android:interpolator="@android:anim/linear_interpolator"
 android:toalpha="0.3">

</alpha>

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
 android:interpolator="@android:interpolator/linear"
 android:repeatcount="infinite"
 android:repeatmode="reverse"
 android:duration="2000"
 android:fromdegrees="0"
 android:todegrees="1080">
 android:pivotx="50%"
 android:pivoty="50%"
</rotate>

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
 android:interpolator="@android:anim/linear_interpolator"
 android:duration="2000"
 android:fillafter="true"
 android:fromxscale="1.0"
 android:fromyscale="1.0"
 android:pivotx="50%"
 android:pivoty="50%"
 android:toxscale="0.3"
 android:toyscale="0.3">

</scale>

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
  android:interpolator="@android:anim/linear_interpolator"
  android:duration="2000"
  android:fromxdelta="10"
  android:fromydelta="10"
  android:toxdelta="300"
  android:toydelta="300">

</translate>

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

 <alpha android:fromalpha="0.3"
  android:toalpha="1.0"/>

 <rotate android:fromdegrees="0"
  android:todegrees="360"
  android:pivotx="0"
  android:pivoty="0"
  android:repeatmode="restart"
  android:repeatcount="infinite"/>
</set>

第二步 :activity_main.xml ( 略 )

第三步 :mainactivity.java

package com.lyp.anim;

import android.support.v7.app.appcompatactivity;
import android.os.bundle;
import android.view.view;
import android.view.animation.animation;
import android.view.animation.animationutils;
import android.widget.button;
import android.widget.imageview;

public class mainactivity extends appcompatactivity implements view.onclicklistener{
 private button btnscale;
 private button btnrotate;
 private button btntranslate;
 private button btnalpha;
 private button btnall;

 private imageview mimage;

 @override
 protected void oncreate(bundle savedinstancestate) {
 super.oncreate(savedinstancestate);
 setcontentview(r.layout.activity_main);

 initview();
 }

 private void initview() {
 btnscale= (button) findviewbyid(r.id.btn_scale);
 btnrotate= (button) findviewbyid(r.id.btn_rotate);
 btntranslate= (button) findviewbyid(r.id.btn_translate);
 btnalpha= (button) findviewbyid(r.id.btn_alpha);
 btnall= (button) findviewbyid(r.id.btn_all);

 mimage= (imageview) findviewbyid(r.id.image);

 btnscale.setonclicklistener(this);
 btnrotate.setonclicklistener(this);
 btntranslate.setonclicklistener(this);
 btnalpha.setonclicklistener(this);
 btnall.setonclicklistener(this);
 }

 @override
 public void onclick(view v) {
 switch (v.getid()){
  case r.id.btn_scale:
  //加载缩放动画
  animation scale = animationutils.loadanimation(this, r.anim.scale);
  scale.setfillafter(true); //保留动画结束状态,在xml文件中设置无效!!
  mimage.startanimation(scale);
  break;
  case r.id.btn_rotate:
  //加载旋转动画
  animation rotate = animationutils.loadanimation(this, r.anim.rotate);
  mimage.startanimation(rotate);
  break;
  case r.id.btn_translate:
  //加载位移动画
  animation translate = animationutils.loadanimation(this, r.anim.translate);
  mimage.startanimation(translate);
  break;
  case r.id.btn_alpha:
  //加载透明度渐变动画
  animation alpha = animationutils.loadanimation(this, r.anim.alpha);
  mimage.startanimation(alpha);
  break;
  case r.id.btn_all:
  //加载组合动画
  animation all = animationutils.loadanimation(this, r.anim.all);
  mimage.startanimation(all);
  break;
 }
 }
}

总结

以上android中补间动画(tween animation)基础的全部内容了，动画animation实现的两种方式小编现在已经都给大家分享了，希望能对各位android开发者们有所帮助，如果有疑问大家可以留言交流。