Android:动画:tween动画

> Tween动画,通过对View的内容进行一系列的图形变换(包括平移、缩放、旋转、改变透明度)来实现动画效果。动画效果的定义可以采用XML来做也可以采用编码来做。Tween动画有4种类型:

Android:动画:tween动画_第1张图片

在res/anim文件夹下简历XML文件

public class MainActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
       // 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 = new RotateAnimation(0, 360,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animation.setDuration(5000);*/
       
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.itcast);//编码定义动画效果
       
        animation.setFillAfter(true);

        ImageView imageView = (ImageView) this.findViewById(R.id.imageView);
        imageView.startAnimation(animation);
    }
}


alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0"
        android:duration="5000"
     />
</set>


translate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
     <translate
        android:fromXDelta="0"
        android:fromYDelta="0"
       
        android:toXDelta="100"
        android:toYDelta="100"
       
        android:duration="5000"
         />
</set>


scale.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
 
  <scale
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        
        android:toXScale="5.0"
        android:toYScale="5.0"
       
        android:pivotX="50%"
        android:pivotY="50%"
       
        android:duration="5000"
         />
        
</set>


rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
 <rotate
        android:fromDegrees="0"
       
        android:toDegrees="180"
       
        android:pivotX="50%"
        android:pivotY="50%"
      
       android:duration="5000"
         />
</set>


综合itcast.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0"
        android:duration="5000"
     />
    <rotate
        android:fromDegrees="0"
       
        android:toDegrees="180"
       
        android:pivotX="50%"
        android:pivotY="50%"
      
       android:duration="5000"
         /> 
   
    <translate
        android:fromXDelta="0"
        android:fromYDelta="0"
       
        android:toXDelta="50"
        android:toYDelta="50"
       
        android:duration="5000"
         />
   
     <scale
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        
        android:toXScale="5.0"
        android:toYScale="5.0"
       
        android:pivotX="50%"
        android:pivotY="50%"
       
        android:duration="5000"
         />     
</set>



总结

本例要实现对ImageView对象进行渐变尺寸缩放动画效果

1> 在项目的res目录下创建文件夹anim,然后在anim文件夹下面定义动画XML文件,文件名称可以自定义,如:scale.xml,内容如下:

<?xmlversion="1.0" encoding="utf-8"?>

 <set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale android:interpolator="@android:anim/accelerate_decelerate_interpolator"

        android:fromXScale="0.0" 

        android:toXScale="5"

        android:fromYScale="0.0"

        android:toYScale="5"

        android:pivotX="50%"

        android:pivotY="50%"

        android:fillAfter="false"

        android:duration="5000"

        />

</set>

动画的进度使用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%为物件的XY方向坐标上的中点位置

duration(长整型)属性为动画持续时间 。说明:  时间以毫秒为单位

fillAfter(布尔型)属性当设置为true,该动画转化在动画结束后被应用

2> layout文件添加<ImageView>节点:

<?xmlversion="1.0" encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="horizontal"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

<ImageView

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   android:src="@drawable/icon"

   android:id="@+id/imageView"

   />

</LinearLayout>

说明:除了可以对<ImageView>实现动画效果,其实也可以对其他View实现动画效果,如:<TextView>

3>Activity里对ImageView使用前面定义好的动画效果:

publicclass AnimationActivity extendsActivity {

  @Override

  public void onCreate(BundlesavedInstanceState) {

  super.onCreate(savedInstanceState);

  setContentView(R.layout.main);

  ImageViewimageView = (ImageView)this.findViewById(R.id.imageView);

  //加载动画XML文件,生成动画指令

  Animation animation =AnimationUtils.loadAnimation(this,R.anim.scale);

  //开始执行动画

  imageView.startAnimation(animation);

  }

}

备注:上面采用的是xml文件定义动画效果,作为代替,也可以采用编码方式实现。下面采用编码方式实现上述例子同样的效果:

publicclass AnimationActivity extendsActivity {

  @Override

  public void onCreate(BundlesavedInstanceState) {

  super.onCreate(savedInstanceState);

  setContentView(R.layout.main);

  ImageViewimageView = (ImageView)this.findViewById(R.id.imageView);

  ScaleAnimationanimation =new ScaleAnimation(0.0f, 5f, 0.0f, 5f,

  Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

  animation.setDuration(5000);//设置持续时间5

  imageView.startAnimation(animation);

  }

}


你可能感兴趣的:(Android:动画:tween动画)