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

时间: 2024-11-27 12:48:38

Android动画之补间动画(Tween Animation)基础学习的相关文章

Android动画之补间动画(Tween Animation)实例详解_Android

本文实例讲述了Android动画之补间动画.分享给大家供大家参考,具体如下: 前面讲了<Android动画之逐帧动画(Frame Animation)>,今天就来详细讲解一下Tween动画的使用. 同样,在开始实例演示之前,先引用官方文档中的一段话: Tween动画是操作某个控件让其展现出旋转.渐变.移动.缩放的这么一种转换过程,我们称为补间动画.我们可以以XML形式定义动画,也可以编码实现. 如果以XML形式定义一个动画,我们按照动画的定义语法完成XML,并放置于/res/anim目录下,文

Android动画之补间动画(Tween Animation)实例详解

本文实例讲述了Android动画之补间动画.分享给大家供大家参考,具体如下: 前面讲了<Android动画之逐帧动画(Frame Animation)>,今天就来详细讲解一下Tween动画的使用. 同样,在开始实例演示之前,先引用官方文档中的一段话: Tween动画是操作某个控件让其展现出旋转.渐变.移动.缩放的这么一种转换过程,我们称为补间动画.我们可以以XML形式定义动画,也可以编码实现. 如果以XML形式定义一个动画,我们按照动画的定义语法完成XML,并放置于/res/anim目录下,文

Android帧动画、补间动画、属性动画用法详解_Android

在安卓开发中,经常会使用到一些动画,那么在开发中,如何使用这些动画呢? 帧动画:不是针对View做出一些形状上的变化,而是用于播放一张张的图片,例如一些开机动画,类似于电影播放,使用的是AnimationDrawable来播放帧动画 res/drawable  <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.andro

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

前言 之前说过了在Android中,动画Animation的实现有两种方式:Tween Animation(渐变动画)和Frame Animation(帧动画).渐变动画是通过对场景里的对象不断做图像变换(平移.缩放.旋转等)产生动画效果.帧动画则是通过顺序播放事先准备好的图像来产生动画效果,和电影类似. 小编也和大家分享了逐帧动画的基础知识,下面我们就来学习下Android中逐帧动画的基础知识. 原理 : 给出开始和结束两个关键帧,两个关键帧之间的插补帧是由计算机自动运算而得到的. 分类 :

Android帧动画、补间动画、属性动画用法详解

在安卓开发中,经常会使用到一些动画,那么在开发中,如何使用这些动画呢? 帧动画:不是针对View做出一些形状上的变化,而是用于播放一张张的图片,例如一些开机动画,类似于电影播放,使用的是AnimationDrawable来播放帧动画 res/drawable <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.androi

Android 深入ViewPager补间动画,实现类京东商城首页广告Banner切换效果

如有转载,请声明出处: 时之沙: http://blog.csdn.net/t12x3456 某天看到京东商城首页的滑动广告的Banner,在流动切换的时候有立体的动画效果,感觉很有意思,然后研究了下如何实现.  废话不多说,接下来我会讲述如何实现这种效果,以及如何根据需求自定义出新的动画效果进行扩展实现. 首先还是看一下京东商城上的效果:                                                  像一般做这种效果怎么办呢?我的建议还是先在github或者

Android补间动画效果

Android的SDK提供了三种类型的动画,分别是补间动画.逐帧动画和插值属性动画.下面先介绍第一种动画效果-补间动画. 补间动画可以应用于View,让开发者可以定义一些关于大小.位置.旋转和透明度的改变效果,达到让View的内容动起来的效果. 补间动画是使用Animation类创建的,它有4个直接子类,分别实现不同的动画效果,分别为: AlphaAnimation 渐变透明度动画效果,即淡入淡出效果 ScaleAnimation 渐变尺寸伸缩动画效果,即缩放效果 TranslateAnimat

flash8.0动作补间动画详解及实例

动作补间动画也是Flash中非常重要的表现手段之一,与"形状补间动画"不同的是,动作补间动画的对象必需是"元件"或"成组对象". 运用动作补间动画,您可以设置元件的大小.位置.颜色.透明度.旋转等种种属性,配合别的手法,您甚至能做出令人称奇的仿3D的效果来.本实例详细讲解了动作补间动画的特点及创建方法,并分析了动作补间动画和形状补间动画的区别,我们精心设计的一个实例将带您进一步加深对动作补间动画的了解. 1.动作补间动画的概念 (1)动作补间动画

Android Animation动画详解(一): 补间动画

前言 你有没有被一些APP中惊艳的动画效果震撼过,有没有去思考,甚至研究过这些动画是如何实现的呢? 啥?你没有思考,更没有研究过? 好吧,那跟着我一起来学习下如何去实现APP中那些让我们惊羡的动画特效吧,come on! 一.Android的动画类型 Tween Animation 补间动画 Frame Animation 帧动画 Layout Animation 布局动画 Property Animation 属性动画 总体来讲,Android中的动画就这四种,而我们常常在APP中看到的动画多