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

 更新时间:2016年09月27日 10:04:29   作者:思格斯  
补间动画是指定开始和结束的图像状态,自动生成需要显示的过度图像的动画。补间动画又分为四种:移动,缩放,旋转,通明度等。下面就来给大家一篇关于Android中补间动画的基础知识,有需要的可以参考学习。

前言

之前说过了在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开发者们有所帮助,如果有疑问大家可以留言交流。

相关文章

  • Android构建Material Design应用详解

    Android构建Material Design应用详解

    这篇文章主要为大家详细介绍了Android构建Material Design应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Android仿简书长按文章生成图片效果

    Android仿简书长按文章生成图片效果

    使用简书APP的同学都知道,简书有这样一个功能;文章页长按内容时底部会出现一个 生成图片分享 的按钮,点击之后就可以将当前的文章生成一张长图片;这张图片可以保存到本地或分享给好友,同时还可为图片设置成为白和黑两种风格,很有艺术范
    2017-03-03
  • Flutter 点击两次退出app的实现示例

    Flutter 点击两次退出app的实现示例

    本文主要介绍了Flutter 点击两次退出app的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • Android面向切面基于AOP实现登录拦截的场景示例

    Android面向切面基于AOP实现登录拦截的场景示例

    这篇文章主要为大家介绍了Android面向切面基于AOP实现登录拦截的场景示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 详解Android之解析XML文件三种方式(DOM,PULL,SAX)

    详解Android之解析XML文件三种方式(DOM,PULL,SAX)

    这篇文章主要介绍了详解Android之解析XML文件三种方式,主要包括DOM,PULL,SAX,有兴趣的可以了解一下。
    2017-02-02
  • android Socket实现简单聊天功能以及文件传输

    android Socket实现简单聊天功能以及文件传输

    这篇文章主要介绍了android Socket实现简单聊天功能以及文件传输,非常具有实用价值,有需要的朋友可以参考下。
    2017-02-02
  • Android自定义相机界面的实现代码

    Android自定义相机界面的实现代码

    这篇文章主要为大家详细介绍了Android自定义相机界面的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android继承ViewGroup实现Scroll滑动效果的方法示例

    Android继承ViewGroup实现Scroll滑动效果的方法示例

    这篇文章主要介绍了Android继承ViewGroup实现Scroll滑动效果的方法,结合实例形式分析了Android滑动效果的原理及扩展ViewGroup实现滑动功能的相关操作技巧,需要的朋友可以参考下
    2017-08-08
  • android开发教程之开机启动服务service示例

    android开发教程之开机启动服务service示例

    如果开机启动一个Activity,开机首先看的界面,是你的程序界面,如果为了,开机后也启动你的程序,但是不显示自己程序的界面,就要用Service服务,下面是开机启动服务service示例
    2014-03-03
  • Android底部弹窗的实现示例代码

    Android底部弹窗的实现示例代码

    本篇文章主要介绍了Android底部弹窗的实现示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09

最新评论