Android App开发中集合动画和属性动画的讲解及实战演示（附源码 简单易懂 可直接使用）

需要图片集和源码请点赞关注收藏后评论区留言~~~

一、集合动画

有时一个动画效果会加入多种动画，比如一个旋转一边缩放，这时便会用到集合动画AnimationSet把几个补间动画组装起来，实现让某视图同时呈现多种动画的效果

因为集合动画和补间动画一样继承自Animation类，所以拥有补间动画的基本方法，集合动画不像一般补间动画那样提供构造方法，而是通过addAnimation方法把别的补间动画加入本集合动画中

效果如下 它可以把补间动画中多种情况得以演示效果合成一个动画，因此也成为集合动画

集合动画

 代码如下

Java类

package com.example.animation;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
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 AnimSetActivity extends AppCompatActivity implements AnimationListener {
    private ImageView iv_anim_set; // 声明一个图像视图对象
    private AnimationSet setAnim; // 声明一个集合动画对象

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_anim_set);
        iv_anim_set = findViewById(R.id.iv_anim_set);
        iv_anim_set.setOnClickListener(v -> startAnim());
        initAnimation(); // 初始化集合动画
    }

    // 初始化集合动画
    private void initAnimation() {
        // 创建一个灰度动画
        Animation alphaAnim = new AlphaAnimation(1.0f, 0.1f);
        alphaAnim.setDuration(3000); // 设置动画的播放时长
        alphaAnim.setFillAfter(true); // 设置维持结束画面
        // 创建一个平移动画
        Animation translateAnim = new TranslateAnimation(1.0f, -200f, 1.0f, 1.0f);
        translateAnim.setDuration(3000); // 设置动画的播放时长
        translateAnim.setFillAfter(true); // 设置维持结束画面
        // 创建一个缩放动画
        Animation scaleAnim = new ScaleAnimation(1.0f, 1.0f, 1.0f, 0.5f);
        scaleAnim.setDuration(3000); // 设置动画的播放时长
        scaleAnim.setFillAfter(true); // 设置维持结束画面
        // 创建一个旋转动画
        Animation rotateAnim = new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF,
                0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        rotateAnim.setDuration(3000); // 设置动画的播放时长
        rotateAnim.setFillAfter(true); // 设置维持结束画面
        // 创建一个集合动画
        setAnim = new AnimationSet(true);
        // 下面在代码中添加集合动画
        setAnim.addAnimation(alphaAnim); // 给集合动画添加灰度动画
        setAnim.addAnimation(translateAnim); // 给集合动画添加平移动画
        setAnim.addAnimation(scaleAnim); // 给集合动画添加缩放动画
        setAnim.addAnimation(rotateAnim); // 给集合动画添加旋转动画
        setAnim.setFillAfter(true); // 设置维持结束画面
        startAnim(); // 开始播放集合动画
    }

    // 开始播放集合动画
    private void startAnim() {
        iv_anim_set.startAnimation(setAnim); // 开始播放动画
        setAnim.setAnimationListener(this); // 设置动画事件监听器
    }

    // 在补间动画开始播放时触发
    @Override
    public void onAnimationStart(Animation animation) {}

    // 在补间动画结束播放时触发
    @Override
    public void onAnimationEnd(Animation animation) {
        if (animation.equals(setAnim)) { // 原集合动画播放完毕，接着播放倒过来的集合动画
            // 创建一个灰度动画
            Animation alphaAnim2 = new AlphaAnimation(0.1f, 1.0f);
            alphaAnim2.setDuration(3000); // 设置动画的播放时长
            alphaAnim2.setFillAfter(true); // 设置维持结束画面
            // 创建一个平移动画
            Animation translateAnim2 = new TranslateAnimation(-200f, 1.0f, 1.0f, 1.0f);
            translateAnim2.setDuration(3000); // 设置动画的播放时长
            translateAnim2.setFillAfter(true); // 设置维持结束画面
            // 创建一个缩放动画
            Animation scaleAnim2 = new ScaleAnimation(1.0f, 1.0f, 0.5f, 1.0f);
            scaleAnim2.setDuration(3000); // 设置动画的播放时长
            scaleAnim2.setFillAfter(true); // 设置维持结束画面
            // 创建一个旋转动画
            Animation rotateAnim2 = new RotateAnimation(0f, -360f,
                    Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
            rotateAnim2.setDuration(3000); // 设置动画的播放时长
            rotateAnim2.setFillAfter(true); // 设置维持结束画面
            // 创建一个集合动画
            AnimationSet setAnim2 = new AnimationSet(true);
            setAnim2.addAnimation(alphaAnim2); // 给集合动画添加灰度动画
            setAnim2.addAnimation(translateAnim2); // 给集合动画添加平移动画
            setAnim2.addAnimation(scaleAnim2); // 给集合动画添加缩放动画
            setAnim2.addAnimation(rotateAnim2); // 给集合动画添加旋转动画
            setAnim2.setFillAfter(true); // 设置维持结束画面
            iv_anim_set.startAnimation(setAnim2); // 开始播放动画
        }
    }

    // 在补间动画重复播放时触发
    @Override
    public void onAnimationRepeat(Animation animation) {}

}

XML文件

二、属性动画

属性动画突破了补间动画的局限，允许视图的所有属性都能实现渐变的动画效果，例如背景颜色，文字颜色，文字大小等等。只要设定某属性的起始值与终止值，渐变的持续时间，属性动画就可以实现渐变效果。 下面是ObjectAnimator的常用方法

ofInt 定义整形属性的属性动画

ofFloat 定义浮点型属性的属性动画

ofArgb 定义颜色属性的属性动画

ofObject 定义对象属性的属性动画

以上四个of方法的第一个参数为宿主视图对象，第二个参数为需要变化的属性名称，从第三个参数开始以及后面的参数为属性变化的各个状态值。

下面是用属性动画分别实现透明度，平移，缩放，旋转等变换操作的效果

可以在下拉框选项中选择自己想要的动画类型

裁剪动画

 

 

 代码如下

Java类

package com.example.animation;

import android.animation.RectEvaluator;
import android.animation.ObjectAnimator;
import android.graphics.Rect;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.Spinner;
import android.widget.AdapterView.OnItemSelectedListener;

public class ObjectAnimActivity extends AppCompatActivity {
    private ImageView iv_object_anim; // 声明一个图像视图对象
    private ObjectAnimator alphaAnim, translateAnim, scaleAnim, rotateAnim; // 声明四个属性动画对象

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_object_anim);
        iv_object_anim = findViewById(R.id.iv_object_anim);
        initObjectAnim(); // 初始化属性动画
        initObjectSpinner(); // 初始化动画类型下拉框
    }

    // 初始化属性动画
    private void initObjectAnim() {
        // 构造一个在透明度上变化的属性动画
        alphaAnim = ObjectAnimator.ofFloat(iv_object_anim, "alpha", 1f, 0.1f, 1f);
        // 构造一个在横轴上平移的属性动画
        translateAnim = ObjectAnimator.ofFloat(iv_object_anim, "translationX", 0f, -200f, 0f, 200f, 0f);
        // 构造一个在纵轴上缩放的属性动画
        scaleAnim = ObjectAnimator.ofFloat(iv_object_anim, "scaleY", 1f, 0.5f, 1f);
        // 构造一个围绕中心点旋转的属性动画
        rotateAnim = ObjectAnimator.ofFloat(iv_object_anim, "rotation", 0f, 360f, 0f);
    }

    // 初始化动画类型下拉框
    private void initObjectSpinner() {
        ArrayAdapter objectAdapter = new ArrayAdapter<>(this,
                R.layout.item_select, objectArray);
        Spinner sp_object = findViewById(R.id.sp_object);
        sp_object.setPrompt("请选择属性动画类型");
        sp_object.setAdapter(objectAdapter);
        sp_object.setOnItemSelectedListener(new ObjectSelectedListener());
        sp_object.setSelection(0);
    }

    private String[] objectArray = {"灰度动画", "平移动画", "缩放动画", "旋转动画", "裁剪动画"};
    class ObjectSelectedListener implements OnItemSelectedListener {
        public void onItemSelected(AdapterView arg0, View arg1, int arg2, long arg3) {
            playObjectAnim(arg2); // 播放指定类型的属性动画
        }

        public void onNothingSelected(AdapterView arg0) {}
    }

    // 播放指定类型的属性动画
    private void playObjectAnim(int type) {
        ObjectAnimator anim = null;
        if (type == 0) { // 灰度动画
            anim = alphaAnim;
        } else if (type == 1) { // 平移动画
            anim = translateAnim;
        } else if (type == 2) { // 缩放动画
            anim = scaleAnim;
        } else if (type == 3) { // 旋转动画
            anim = rotateAnim;
        } else if (type == 4) { // 裁剪动画
            int width = iv_object_anim.getWidth();
            int height = iv_object_anim.getHeight();
            // 构造一个从四周向中间裁剪的属性动画
            ObjectAnimator clipAnim = ObjectAnimator.ofObject(iv_object_anim, "clipBounds",
                    new RectEvaluator(), new Rect(0, 0, width, height),
                    new Rect(width / 3, height / 3, width / 3 * 2, height / 3 * 2),
                    new Rect(0, 0, width, height));
            anim = clipAnim;
        }
        if (anim != null) {
            anim.setDuration(3000); // 设置动画的播放时长
            anim.start(); // 开始播放属性动画
        }
    }

}

XML文件

创作不易 觉得有帮助请点赞关注收藏~~~