Android 动画的思考(View体系)

本文探讨了在Android中,理解和掌握View及ViewGroup体系下的动画对于创建出色应用的重要性。虽然有新的Jetpack Compose动画体系,但此处重点讨论传统动画技术,并预告将发布关于Jetpack Compose动画的总结。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

学习Android的View体系一定要了解甚至熟练运用动画,才能做出优秀的应用,这里强调是View/ViewGroup体系下的动画,因为又新出了Jetpack Compose体系的动画,后续会总结姊妹篇出来。

import android.animation.Keyframe;
import android.animation.ObjectAnimator;
import android.animation.PropertyValuesHolder;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;

/**
 * Android 动画的思考?
 * 1.补间动画 View Animation:(旋转、渐变透明度、尺寸缩放、位置平移、动画集合)
 * 2.属性动画 Property Animation:修改控件的属性值,实现动画效果
 * 3.帧动画:Drawable Animation
 */
public class AnimationUtil {
    /**
     * 一、帧动画 AnimationDrawable
     * 按照顺序加载一系列的图片资源形成一个视觉动画,
     * 动画的创建类似于传统的电影胶卷播放。
     * Drawable是一种而可视化资源,比如简单的颜色、图片、Shape等,
     * 同时,Drawable是一个类,但是这个类的实例可以通过XML文件的形式创建。
     * XML Res:
     * <animation-list>
     *     <item android:drawable="@drawable/ic_run1" android:duration="100"/>
     *     <item android:drawable="@drawable/ic_run2" android:duration="100"/>
     *     <item android:drawable="@drawable/ic_run3" android:duration="100"/>
     *     <item android:drawable="@drawable/ic_run4" android:duration="100"/>
     *     ...
     * </animation-list>
     */

    /**
     * 二、补间动画的封装
     * 1.位置平移 TranslateAnimation:translationX、translationY、translationZ
     * 2.渐变透明度 AlphaAnimation:alpha 透明度全透明到不透明,0f~1f
     * 3.旋转 RotateAnimation:rotation 旋转一圈,0f~360f
     * 4.尺寸缩放 ScaleAnimation:水平缩放scaleX,垂直缩放scaleY
     * 5.动画集合 AnimationSet
     *
     * @param view
     * @param scaleSmall
     * @param scallLarge
     * @param shakeDegrees
     * @param duration
     */
    public static void startShakeByViewAnim(View view, float scaleSmall, float scallLarge,float shakeDegrees, long duration) {
        if (view == null) {
            return;
        }

        // 有小变大
        Animation scaleAnim = new ScaleAnimation(scaleSmall, scallLarge, scaleSmall, scallLarge);
        // 从左向右
        Animation rotateAnim = new RotateAnimation(-shakeDegrees, shakeDegrees,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

        scaleAnim.setDuration(duration);
        rotateAnim.setDuration(duration / 10);
        rotateAnim.setRepeatMode(Animation.REVERSE);
        rotateAnim.setRepeatCount(10);

        AnimationSet smallAnimationSet = new AnimationSet(false);
        smallAnimationSet.addAnimation(scaleAnim);
        smallAnimationSet.addAnimation(rotateAnim);

        view.startAnimation(smallAnimationSet);
    }

    /**
     * 三、属性动画 — Keyframe
     * https://developer.android.com/reference/android/animation/Keyframe
     * 1.动画归根结底是一些帧的组合,一旦设定了一个动画后,Android系统会帮我们计算好中间的每一帧,
     * 而Keyframe允许我们定义动画中的一些关键帧,该对象主要有fraction和value组成,
     * 其中fraction代表着动画的进度,value代表着动画的值。
     * 2.动画需要控制速率的变化,需要自定义插值器和估值器,
     * 借助Keyframe让我们可以指定某个属性百分比时对象的属性,这样速率的变化就是动画的展示。
     * @param view
     * @param scaleSmall
     * @param scallLarge
     * @param shakeDegrees
     * @param duration
     */
    public static void startShakeByPropertyAnim(View view, float scaleSmall, float scallLarge, float shakeDegrees, long duration) {
        if (view == null) {
            return;
        }

        // 先变小后变大
        PropertyValuesHolder scaleXValuesHolder = PropertyValuesHolder.ofKeyframe(View.SCALE_X,
                Keyframe.ofFloat(0f,1.0f),
                Keyframe.ofFloat(0.25f,scaleSmall),
                Keyframe.ofFloat(0.5f,scallLarge),
                Keyframe.ofFloat(0.75f,scallLarge),
                Keyframe.ofFloat(1.0f,1.0f)
                );
        PropertyValuesHolder scaleYValuesHolder = PropertyValuesHolder.ofKeyframe(View.SCALE_Y,
                Keyframe.ofFloat(0f,1.0f),
                Keyframe.ofFloat(0.25f,scaleSmall),
                Keyframe.ofFloat(0.5f,scallLarge),
                Keyframe.ofFloat(0.75f,scallLarge),
                Keyframe.ofFloat(1.0f,1.0f)
                );

        // 先往左再往右
        PropertyValuesHolder rotateValuesHolder = PropertyValuesHolder.ofKeyframe(View.ROTATION,
                Keyframe.ofFloat(0f,0f),
                Keyframe.ofFloat(0.1f,-shakeDegrees),
                Keyframe.ofFloat(0.2f,shakeDegrees),
                Keyframe.ofFloat(0.3f,-shakeDegrees),
                Keyframe.ofFloat(0.4f,shakeDegrees),
                Keyframe.ofFloat(0.5f,-shakeDegrees),
                Keyframe.ofFloat(0.6f,shakeDegrees),
                Keyframe.ofFloat(0.7f,-shakeDegrees),
                Keyframe.ofFloat(0.8f,shakeDegrees),
                Keyframe.ofFloat(0.9f,-shakeDegrees),
                Keyframe.ofFloat(1.f,0f)
        );

        ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(view, scaleXValuesHolder,
                scaleYValuesHolder,rotateValuesHolder);
        objectAnimator.setDuration(duration);
        objectAnimator.start();
    }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小山研磨代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值