Android学习笔记_39_tween动画的实现（Animation和Frame）
一、Animation动画的实现及特点：
1、Tween动画，通过对 View 的内容进行一系列的图形变换 (包括平移、缩放、旋转、改变透明度)来实现动画效果。
动画效果的定义可以采用XML来做也可以采用编码来做。Tween动画有4种类型：
动画的类型 Xml定义动画使用的配置节点 编码定义动画使用的类
渐变透明度动画效果 <alpha/> AlphaAnimation
渐变尺寸缩放动画效果 <scale/> ScaleAnimation
画面转换位置移动动画效果 <translate/> TranslateAnimation
画面旋转动画效果 <rotate/> RotateAnimation
2、对mageView对象进行渐变尺寸缩放动画效果：
2.1、图片缩放动画：
创建一个scale.xml文件，位于res/anim文件夹下。动画的进度使用interpolator控制，android提供了几个Interpolator 子类，实现了不同的速度曲线，如LinearInterpolator实现了匀速效果、Accelerateinterpolator实现了加速效果、DecelerateInterpolator实现了减速效果等。还可以定义自己的Interpolator子类，实现抛物线、自由落体等物理效果。
fromXScale（浮点型） 属性为动画起始时X坐标上的缩放尺寸
fromYScale（浮点型） 属性为动画起始时Y坐标上的缩放尺寸
toXScale（浮点型） 属性为动画结束时X坐标上的缩放尺寸
toYScale（浮点型） 属性为动画结束时Y坐标上的缩放尺寸
说明: 以上四种属性值
0.0表示收缩到没有
1.0表示正常无缩放
值小于1.0表示收缩
值大于1.0表示放大
pivotX（浮点型） 属性为动画相对于物件的X坐标的开始位置
pivotY（浮点型） 属性为动画相对于物件的Y坐标的开始位置
说明:
以上两个属性值 从0%-100%中取值
50%为物件的X或Y方向坐标上的中点位置
duration（长整型）属性为动画持续时间 。说明: 时间以毫秒为单位
fillAfter（布尔型）属性当设置为true，该动画转化在动画结束后被应用
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <scale android:duration="5000" android:fillAfter="false" android:fromXScale="0.0" android:fromYScale="0.0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="50%" android:pivotY="50%" android:toXScale="5" android:toYScale="5" /> </set>
2.2、图片旋转：在res/anim文件夹下创建一个rotate.xml文件
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" > <!-- 画面旋转动画效果 android:fromDegrees="0" 动画刚刚开始的时候为0度 android:toDegrees="180" 结束的时候为180度 android:pivotX="50%" android:pivotY="50%" 以物体的x，y轴的50%为中心点 android:duration="5000" 动画持续时间5秒 --> <rotate android:duration="5000" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:toDegrees="180" /> </set>
2.3、图片移动：在res/anim文件夹下创建一个translate.xml文件
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" > <!-- 画面转换位置移动动画效果 设置动画刚开始的时候坐标，这里以0，代表物体当前的位置，也就是物体没有移动 android:duration="5000"动画的持续时间是5秒中 android:toXDelta="100"这里是x坐标移动100个像素 android:toYDelta="100"这里是y坐标移动100个像素 --> <translate android:duration="5000" android:fromXDelta="0" android:fromYDelta="0" android:toXDelta="100" android:toYDelta="100" /> </set>
2.4、图片透明度：在res/anim文件夹下创建一个alpha.xml文件
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" > <alpha android:duration="5000" android:fromAlpha="1.0" android:toAlpha="0" /> <!-- 渐变透明度动画效果 android:fromAlpha="1.0" 用于设定动画刚开始的时候透明度的值 ，1.0表示不透明，也就是全显示。 android:duration="5000" 由看到到看不到持续的时间。为毫秒值。 android:toAlpha="0" 用于设定动画结束的时候透明度的值，这里0为看不到 --> </set>
3、帧动画：
下面每个200毫秒，三张图片来回切换。android:oneshot属性如果为true，表示动画只播放一次停止在最后一帧上，如果设置为false表示动画循环播放。 有一点需要强调的是：启动Frame动画的代码animationDrawable.start();不能应用在OnCreate()方法中，因为在OnCreate()中 AnimationDrawable还没有完全的与ImageView绑定。在OnCreate()中启动动画，只能看到第一张图片。这里在拖曳事件中实现的。
<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/mm" android:duration="200" /> <item android:drawable="@drawable/pic1" android:duration="200" /> <item android:drawable="@drawable/pic2" android:duration="200" /> </animation-list>
public class FrameActivity extends Activity { private AnimationDrawable animationDrawable; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ImageView imageView = (ImageView)this.findViewById(R.id.imageView); imageView.setBackgroundResource(R.anim.frame); animationDrawable = (AnimationDrawable) imageView.getBackground(); } @Override public boolean onTouchEvent(MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_DOWN) {//按下 animationDrawable.start(); return true; } return super.onTouchEvent(event); }
}
4、 应用动画：
package com.example.test; import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.ImageView; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); /* * Animation animation = new RotateAnimation(0, 360, * Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); * animation.setDuration(5000); */ // 1.创建动画效果对象，只要把上下文对象和R.anim.alpha动画效果对象的xml文件传入就可以生成动画效果对象 // Animation animation = AnimationUtils.loadAnimation(this,R.anim.alpha);// 渐变透明度动画效果 // Animation animation = AnimationUtils.loadAnimation(this,R.anim.alpha);//使用alpha.xml生成动画效果对象 // Animation animation = AnimationUtils.loadAnimation(this,R.anim.translate);// 画面转换位置移动动画效果 // Animation animation = AnimationUtils.loadAnimation(this,R.anim.scale);//渐变尺寸缩放动画效果 // Animation animation = AnimationUtils.loadAnimation(this,R.anim.rotate);//画面旋转动画效果 Animation animation = AnimationUtils.loadAnimation(this, R.anim.rotate);// 混合动画效果 // ---------------这里使用编码的方式实现动画的旋转效果 /* * Animation animation=new RotateAnimation(0,360,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f); * 0：指定开始的角度, * 360：指定结束的角度, * Animation.RELATIVE_TO_SELF：这里指以它自身x轴作为参考点 * 0.5f：指的是以x轴的中心为参考点, * Animation.RELATIVE_TO_SELF：这里是y轴的中心点为参考点 * 0.5f) * // animation.setDuration(5000);// 指定动画持续的时间 */// ---------------------------------------------- // 这个是设置，当动画结束后，这个图片就停留在动画结束时候的位置 animation.setFillAfter(true); // 2. 找到这个ImageView对象 ImageView imageView = (ImageView) this.findViewById(R.id.imageView); // 3.开始动画，为这个控件应用上这个动画效果对象 imageView.startAnimation(animation); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return true; } }
