Android-补间动画基本使用（位移、缩放、旋转、透明）

补间动画

• 原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画
• 位移、旋转、缩放、透明

位移：

• 参数10指的是X的起点坐标，但不是指屏幕x坐标为10的位置，而是imageview的 真实X + 10

• 参数150指的是X的终点坐标，它的值是imageview的 真实X + 150

  //创建为位移动画对象，设置动画的初始位置和结束位置TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);

• x坐标的起点位置，如果相对于自己，传0.5f，那么起点坐标就是 真实X + 0.5 * iv宽度
• x坐标的终点位置，如果传入2，那么终点坐标就是 真实X + 2 * iv的宽度
• y坐标的起点位置，如果传入0.5f，那么起点坐标就是 真实Y + 0.5 * iv高度

• y坐标的终点位置，如果传入2，那么终点坐标就是 真实Y + 2 * iv高度

  TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);

• 动画播放相关的设置

  //设置动画持续时间ta.setDuration(2000);//动画重复播放的次数ta.setRepeatCount(1);//动画重复播放的模式ta.setRepeatMode(Animation.REVERSE);//动画播放完毕后，组件停留在动画结束的位置上ta.setFillAfter(true);//播放动画iv.startAnimation(ta);

缩放：

• 参数0.1f表示动画的起始宽度是真实宽度的0.1倍
• 参数4表示动画的结束宽度是真实宽度的4倍

• 缩放的中心点在iv左上角

  ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);

• 参数0.1f和4意义与上面相同
• 改变缩放的中心点：传入的两个0.5f，类型都是相对于自己，这两个参数改变了缩放的中心点
• 中心点x坐标 = 真实X + 0.5 * iv宽度

• 中心点Y坐标 = 真实Y + 0.5 * iv高度

  ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVETOSELF, 0.5f, Animation.RELATIVETOSELF, 0.5f);

透明：

• 0为完全透明，1为完全不透明

  AlphaAnimation aa = new AlphaAnimation(0, 0.5f);

旋转：

• 20表示动画开始时的iv的角度
• 360表示动画结束时iv的角度

• 默认旋转的圆心在iv左上角

  RotateAnimation ra = new RotateAnimation(20, 360);

• 20,360的意义和上面一样
• 指定圆心坐标，相对于自己，值传入0.5，那么圆心的x坐标：真实X + iv宽度 * 0.5

• 圆心的Y坐标：真实Y + iv高度 * 0.5

  RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

所有动画一起飞

    //创建动画集合    AnimationSet set = new AnimationSet(false);    //往集合中添加动画    set.addAnimation(aa);    set.addAnimation(sa);    set.addAnimation(ra);    iv.startAnimation(set);

效果如图：

布局代码：

<span style="font-family:KaiTi_GB2312;font-size:18px;"><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"    tools:context=".MainActivity">    <ImageView        android:id="@+id/iv"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/ic_launcher"        android:layout_centerVertical="true"        android:layout_centerHorizontal="true" />    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:gravity="center_horizontal"        android:layout_alignParentBottom="true"        android:orientation="horizontal">        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:onClick="translate"            android:text="平移" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:onClick="scale"            android:text="缩放" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:onClick="alpha"            android:text="透明" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:onClick="rotate"            android:text="旋转" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:onClick="fly"            android:text="一起飞" />    </LinearLayout></RelativeLayout></span>

MainActivity.java

<span style="font-family:KaiTi_GB2312;font-size:18px;">package com.example.yu_longji.android19;import android.app.Activity;import android.os.Bundle;import android.view.View;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.ImageView;public class MainActivity extends Activity {    private ImageView iv;    private TranslateAnimation ta;    private ScaleAnimation sa;    private AlphaAnimation aa;    private RotateAnimation ra;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        iv = (ImageView) findViewById(R.id.iv);    }    //平移    public void translate(View view) {//        ta = new TranslateAnimation(10, 100, 20, 200);        ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, -1, Animation.RELATIVE_TO_SELF, 2,                Animation.RELATIVE_TO_SELF, -0.5f, Animation.RELATIVE_TO_SELF, 1.5f);        //设置播放时间        ta.setDuration(2000);        //设置重复次数        ta.setRepeatCount(1);        //动画重复播放的模式        ta.setRepeatMode(Animation.REVERSE);        iv.startAnimation(ta);    }    //缩放    public void scale(View view) {//        sa = new ScaleAnimation(2, 4, 2, 4, iv.getWidth() / 2, iv.getHeight() / 2);        sa = new ScaleAnimation(0.5f, 2, 0.1f, 3, Animation.RELATIVE_TO_SELF, 0.5f,                Animation.RELATIVE_TO_SELF, 0.5f);        //设置播放时间        sa.setDuration(2000);        //设置重复次数        sa.setRepeatCount(1);        //动画重复播放的模式        sa.setRepeatMode(Animation.ABSOLUTE);        //动画播放完毕后，组件停留在动画结束的位置上        sa.setFillAfter(true);        iv.startAnimation(sa);    }    //透明    public void alpha(View view) {        aa = new AlphaAnimation(0, 1);        //设置播放时间        aa.setDuration(2000);        //设置重复次数        aa.setRepeatCount(1);        //动画重复播放的模式        aa.setRepeatMode(Animation.REVERSE);        //动画播放完毕后，组件停留在动画结束的位置上//        aa.setFillAfter(true);        iv.startAnimation(aa);    }    //旋转    public void rotate(View view) {        ra = new RotateAnimation(0, 720, Animation.RELATIVE_TO_SELF, 0.5f,                Animation.RELATIVE_TO_SELF, 0.5f);        //设置播放时间        ra.setDuration(2000);        //设置重复次数        ra.setRepeatCount(1);        //动画重复播放的模式        ra.setRepeatMode(Animation.REVERSE);        //动画播放完毕后，组件停留在动画结束的位置上        ra.setFillAfter(true);        iv.startAnimation(ra);    }    //位移、缩放、透明、旋转同时进行    public void fly(View view) {        AnimationSet set = new AnimationSet(false);        set.addAnimation(ta);        set.addAnimation(sa);        set.addAnimation(aa);        set.addAnimation(ra);        iv.startAnimation(set);    }}</span>