Android开发之Tween(补间动画)
2017-09-28 16:03
435 查看
Tween动画的分类
首先来了解下补间动画的分类,在android中补间动画可以分为四类:alpha(渐变)、scale(缩放)、translate(位移)、rotate(旋转)。在这四种动画里每种动画拥有它的独有的属性的同时又拥有相同的属性,其中
alpha:渐变透明度动画效果
scale:渐变缩放动画效果
translate:渐变位置移动动画效果
rotate:渐变旋转动画效果,这四种动画能够分别带来不同的效果体验,又能混合在一起完成酷炫的动画效果。
接下来我们就逐一详细的来学习这四种Tween动画
首先来说这几个的共性吧
从Animation类继承的属性
android:duration:动画执行的时间,以毫秒为单位
android:fillEnabled:true|false,true:动画结束时还原到开始动画前的状态
android:fillBefore:如果fillEnabled的值为true,它的值才有意义,否则没有意义默认值是true,视图会停留在动画开始的状态
android:fillAfter:设置的是在这个动画结束后是否保留这个动画的最后一帧的效果填充后面的动画,它的设置不受fillEnabled的影响
android:repeatMode:reverse|restart,重复类型,reverse:表示倒序回访,restart:表示重新放一遍,这个属性必须与repeatCount联合使用,因为它的前提是重复,即重复播放时的播放类型。
android:repeatCount:动画重复的次数(注意是重复的次数),可以是你想循环播放的次数,也是可以是infinite:表示无限循环
android:interpolator:设定的插值器,它主要用来为动画设置一些特殊的效果,比方说:加速运动、减速运动、动画结束的时候弹 起等等
首先来了解下补间动画的分类,在android中补间动画可以分为四类:alpha(渐变)、scale(缩放)、translate(位移)、rotate(旋转)。在这四种动画里每种动画拥有它的独有的属性的同时又拥有相同的属性,其中
alpha:渐变透明度动画效果
scale:渐变缩放动画效果
translate:渐变位置移动动画效果
rotate:渐变旋转动画效果,这四种动画能够分别带来不同的效果体验,又能混合在一起完成酷炫的动画效果。
接下来我们就逐一详细的来学习这四种Tween动画
首先来说这几个的共性吧
从Animation类继承的属性
android:duration:动画执行的时间,以毫秒为单位
android:fillEnabled:true|false,true:动画结束时还原到开始动画前的状态
android:fillBefore:如果fillEnabled的值为true,它的值才有意义,否则没有意义默认值是true,视图会停留在动画开始的状态
android:fillAfter:设置的是在这个动画结束后是否保留这个动画的最后一帧的效果填充后面的动画,它的设置不受fillEnabled的影响
android:repeatMode:reverse|restart,重复类型,reverse:表示倒序回访,restart:表示重新放一遍,这个属性必须与repeatCount联合使用,因为它的前提是重复,即重复播放时的播放类型。
android:repeatCount:动画重复的次数(注意是重复的次数),可以是你想循环播放的次数,也是可以是infinite:表示无限循环
android:interpolator:设定的插值器,它主要用来为动画设置一些特殊的效果,比方说:加速运动、减速运动、动画结束的时候弹 起等等
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <Button android:id="@+id/alpha" android:layout_height="wrap_content" android:layout_width="match_parent" android:text="淡入淡出视线动画效果" android:layout_alignParentBottom="true" /> <Button android:id="@+id/scale" android:layout_height="wrap_content" android:layout_width="match_parent" android:text=" 比例动画效果" android:layout_above="@+id/alpha" /> <Button android:id="@+id/translate" android:layout_height="wrap_content" android:layout_width="match_parent" android:text="移动动画效果" android:layout_above="@+id/scale" /> <Button android:id="@+id/rotate" android:layout_height="wrap_content" android:layout_width="match_parent" android:text="旋转动画效果" android:layout_above="@+id/translate" /> <ImageView android:id="@+id/image android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/ic_launcher" android:layout_centerHorizontal="true" android:layout_centerVertical="true" /> </RelativeLayout>
package com.example.newtween; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.view.animation.AlphaAnimation; import android.view.animation.Animation; import android.view.animation.AnimationSet; import android.view.animation.RotateAnimation; import android.view.animation.ScaleAnimation; import android.view.animation.TranslateAnimation; import android.widget.Button; import android.widget.ImageView; public class MainActivity extends Activity { private Button buttonalpha; private Button buttonscale; private Button buttontranslate; private Button buttonrotate; private ImageView imageview; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); buttonalpha=(Button) findViewById(R.id.alpha); buttonscale=(Button) findViewById(R.id.scale); buttontranslate=(Button) findViewById(R.id.translate); buttonrotate=(Button) findViewById(R.id.rotate); //buttonalpha.setOnClickListener(new AlphaButtonListener()); imageview=(ImageView) findViewById(R.id.image); buttonalpha.setOnClickListener(new AlphaButtonListener()); buttonscale.setOnClickListener(new ScaleButtonLiatener()); buttontranslate.setOnClickListener(new translateButtonLiatener()); buttonrotate.setOnClickListener(new rotateButtonLiatener()); } private class AlphaButtonListener implements OnClickListener{ @Override public void onClick(View v) { //1.创建一个AnimationSet对象 AnimationSet animationset=new AnimationSet(true); //2.创建Animation对象 AlphaAnimation alphaAnimation=new AlphaAnimation(1.0f,0f); 4000 //3.设置相应的属相 alphaAnimation.setDuration(1000); //为Animationset添加Animation animationset.addAnimation(alphaAnimation); //为缪怡对象添加Animation imageview.startAnimation(animationset); } } private class ScaleButtonLiatener implements OnClickListener{ @Override public void onClick(View v) { //1.创建一个AnimationSet对象 AnimationSet animationset=new AnimationSet(true); //2.创建Animation对象 ScaleAnimation alphaAnimation=new ScaleAnimation(1.0f,2.0f,1.0f,2.0f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f); //3.设置相应的属相 alphaAnimation.setDuration(1000); //为Animationset添加Animation animationset.addAnimation(alphaAnimation); //为缪怡对象添加Animation imageview.startAnimation(animationset); } } private class translateButtonLiatener implements OnClickListener{ @Override public void onClick(View v) { //1.创建一个AnimationSet对象 AnimationSet animationset=new AnimationSet(true); //2.创建Animation对象 TranslateAnimation alphaAnimation=new TranslateAnimation(0,100,0,100); //3.设置相应的属相 alphaAnimation.setDuration(1000); //为Animationset添加Animation animationset.addAnimation(alphaAnimation); //为缪怡对象添加Animation imageview.startAnimation(animationset); } } private class rotateButtonLiatener implements OnClickListener{ @Override public void onClick(View v) { //1.创建一个AnimationSet对象 AnimationSet animationset=new AnimationSet(true); //2.创建Animation对象 RotateAnimation alphaAnimation=new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); //3.设置相应的属相 alphaAnimation.setDuration(1000); //为Animationset添加Animation animationset.addAnimation(alphaAnimation); //为缪怡对象添加Animation imageview.startAnimation(animationset); } } }
相关文章推荐
- Android开发之Tween(补间动画)完全解析(上)——xml文件配置的实现
- Android开发(26)--补间动画(Tween)的实现
- Android开发之tween(补间动画)动画及其使用场景(界面切换、弹窗等)详解
- Android开发之Tween(补间动画)
- Android开发(26)--补间动画(Tween)的实现
- Android开发之Tween(补间动画)完全解析(下)——代码实现
- Android开发(26)--补间动画(Tween)的实现
- Android动画之补间动画(Tween Animation)实例详解
- android补间动画(TweenAnimation)
- Android动画效果之Tween Animation(补间动画)
- Android游戏开发之Tween动画的实现(三十二)
- Android开发UI之补间动画-Tween Animation
- Android补间动画(Tween Animation)的使用总结
- android 补间动画 tween animation xml基本属性
- Android 动画系列之补间(Tween)动画详解
- Android游戏开发之Tween动画的实现(三十二)
- Android xml编写tween animation(补间动画)
- Android动画之补间动画(TweenAnimation)详解
- Android开发 之 补间动画
- Android游戏开发之Tween动画的实现