android的动画分为两大类:补间动画,帧动画。
补间动画又分为四大类:移动补间动画,缩放补间动画,旋转补间动画,透明补间动画。
这四种补间动画都是Animation的子类。
移动补间动画:TranslateAnimation
eg:
Animation animation = new TranslateAnimation(0,50,0,50);
参数1:x轴的起始位置
参数2:x轴的终止位置
参数3: y轴的起始位置
参数4:y轴的终止位置
相对于原图位置的原点(图片的右上角为0,0),如果不想用这个点作为参照点,可以使用其他构造
TranslateAnimation(fromXType, fromXValue, toXType, toXValue, fromYType, fromYValue, toYType, toYValue)
参数1,参数3,参数5,参数7就是设置参照点的方式
可以通过Animation类的常量进行设置例如:Animation.RELATIVE_TO_SELF
缩放补间动画:ScaleAnimation
eg:
Animation animation = new ScaleAnimation(1f,0.2f,1f,0.2f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
参数1:x方向起始大小(1f表示原图大小)
参数2:x方向终止大小(0.2f表示原图的0.2倍)
参数3:y方向起始大小(1f表示原图大小)
参数4:y方向终止大小(0.2f表示原图的0.2倍)
参数5:缩放中心点x轴取值的参照方式
参数6:中心点x轴的取值(0.5f表示相对与原图的0.5倍)
参数7:缩放中心点y轴取值参照方式
参数8:中心点y轴的取值(0.5f表示相对与原图的0.5倍)
旋转补间动画:RotateAnimation
eg:
Animation animation = new RotateAnimation(360,0,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
参数1:旋转的起始角度
参数2:旋转的终止角度
参数3:旋转中心的x轴取值参照方式
参数4:中心点x轴的取值
参数5:旋转中心的y轴取值参照方式
参数6:中心点y轴的取值
透明补间动画: AlphaAnimation
eg:
Animation animation = new AlphaAnimation(1f,0.1f);
参数1: 起始透明度;
参数2: 目标透明度;
每种动画都有很多种重载,可以根据需求进行选择,如果想让动画有效果还得设置动画的时间
//设置动画持续时间
animation.setDuration(2000);
以毫秒为单位
对于动画还可以设置渲染器
eg:
//渲染器 android系统提供了很多渲染器资源 通过android.R.anim.的方式使用
animation.setInterpolator(Main.this,android.R.anim.anticipate_overshoot_interpolator);
如果想要多个动画效果同时使用,可以通过AnimationSet 实现:
AnimationSet animationSet = new AnimationSet(false);
animationSet.addAnimation(animation);
得到动画对象之后就是使用了,每个view都有startAnimation(animation)方法
因为AnimationSet 继承自Animation类所以该方法的参数既可以是动画对象(Animation)也可以是动画集(AnimationSet )对象
--------------------------------------------------分割线-------------------------------------------------------有两种方式创建补间动画--采用布局文件方式和java代码方式。下面分别给出两种方式创建动画的Demo
1.用布局文件创建:
a)在res/anim文件夹下面创建四个xml文件,分别对应平移、透明度、旋转、缩放四种补间动画
anim_alpha.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillEnabled="true" android:fillAfter="true" > <alpha android:duration="2000" android:fromAlpha="1" android:repeatCount="1" android:repeatMode="reverse" android:toAlpha="0" /> </set>
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <rotate android:duration="2000" android:fromDegrees="0" android:interpolator="@android:anim/accelerate_interpolator" android:pivotX="50%" android:pivotY="50%" android:toDegrees="720" > </rotate> <rotate android:duration="2000" android:fromDegrees="360" android:interpolator="@android:anim/accelerate_interpolator" android:pivotX="50%" android:pivotY="50%" android:startOffset="2000" android:toDegrees="0" > </rotate> </set>
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <scale android:fromXScale="1" android:interpolator="@android:anim/decelerate_interpolator" android:fromYScale="1" android:toXScale="2.0" android:toYScale="2.0" android:pivotX="50%" android:pivotY="50%" android:fillAfter="true" android:repeatCount="1" android:repeatMode="reverse" android:duration="2000"/> </set>
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="0" android:toXDelta="860" android:fromYDelta="0" android:toYDelta="0" android:fillAfter="true" android:repeatMode="reverse" android:repeatCount="1" android:duration="2000"> </translate> </set>
Animate2Activity.java
package com.xzy.demo; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.Button; import android.widget.ImageView; public class Animate2Activity extends Activity { private Button b1, b2, b3, b4; private boolean flag = true; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.bujian); final Animation rotate = AnimationUtils.loadAnimation(this, R.anim.anim_rotate); final Animation translate = AnimationUtils.loadAnimation(this, R.anim.anim_translate); final Animation scale = AnimationUtils.loadAnimation(this, R.anim.anim_scale); final Animation alpha = AnimationUtils.loadAnimation(this, R.anim.anim_alpha); final ImageView iv = (ImageView) findViewById(R.id.imageview); b1 = (Button) findViewById(R.id.btnAlpha); b2 = (Button) findViewById(R.id.btnRotate); b3 = (Button) findViewById(R.id.btnScale); b4 = (Button) findViewById(R.id.btnTranslate); b1.setOnClickListener(new OnClickListener() { public void onClick(View v) { // TODO Auto-generated method stub if (flag) { iv.startAnimation(alpha); } } }); b2.setOnClickListener(new OnClickListener() { public void onClick(View v) { // TODO Auto-generated method stub if (flag) { iv.startAnimation(rotate); } } }); b3.setOnClickListener(new OnClickListener() { public void onClick(View v) { // TODO Auto-generated method stub if (flag) { iv.startAnimation(scale); } } }); b4.setOnClickListener(new OnClickListener() { public void onClick(View v) { // TODO Auto-generated method stub if (flag) { iv.startAnimation(translate); } } }); } }效果图:
另一种方式是通过java代码实现,功能完全一样。代码就不赘述了。只给出demo就好了~~
补间动画java实现:http://pan.baidu.com/s/1oVH8J
补间动画xml布局文件实现:http://pan.baidu.com/s/1st3Vh