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

蔚落 2023-09-30 16:54 13阅读 0赞

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

## 一、集合动画 ##

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

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

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

集合动画

![b1d20c0c4c8045dd864f3f7bbaf906b8.png][]

代码如下

### 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方法的第一个参数为宿主视图对象，第二个参数为需要变化的属性名称，从第三个参数开始以及后面的参数为属性变化的各个状态值。

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

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

裁剪动画

![4ced298bed724a308c5d55a24de50e72.png][]

![ae7b96ebbbb341808cdef27b6ee8b98c.png][]

代码如下

### 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<String> 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文件 ###

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

[b1d20c0c4c8045dd864f3f7bbaf906b8.png]: https://img-blog.csdnimg.cn/b1d20c0c4c8045dd864f3f7bbaf906b8.png
[4ced298bed724a308c5d55a24de50e72.png]: https://img-blog.csdnimg.cn/4ced298bed724a308c5d55a24de50e72.png
[ae7b96ebbbb341808cdef27b6ee8b98c.png]: https://img-blog.csdnimg.cn/ae7b96ebbbb341808cdef27b6ee8b98c.png