Android动画篇(二)—— 代码实现alpha、scale、translate、rotate、set及插值器动画

最新推荐文章于 2022-10-24 00:39:30 发布

苏火火丶

最新推荐文章于 2022-10-24 00:39:30 发布

阅读量1.3k

点赞数 4

分类专栏： Android动画系列文章标签： Android动画代码设置动画安卓动画 alpha、scale、translate、rotate

本文链接：https://blog.csdn.net/m0_37796683/article/details/90376533

版权

Android动画系列专栏收录该内容

8 篇文章 9 订阅

订阅专栏

前言：只有比牛人跑得更快，才有可能追上他的脚步

一、概述

这篇将为大家讲述如何使用代码动态生成动画以及插值器。先简单列出各个便签对应的类，方便大家理解：

scale	ScaleAnimation	渐变尺寸伸缩动画效果
alpha	AlphaAnimation	渐变透明动画效果
rotate	RotateAnimation	画面转移旋转动画效果
translate	TranslateAnimation	画面转移位置移动动画效果
set	AnimationSet	动画集合

二、Animation公共类

上一篇文章中提到，Animation是所有动画的基类（scale、alpha、rotate、translate），他所具有的属性以及函数如下：

android:duration setDuration(long) 动画持续时间，以毫秒为单位
android:fillAfter setFillAfter(boolean) 如果设置为true，控件动画结束时，将保持动画最后时的状态
android:fillBefore setFillBefore(boolean) 如果设置为true，控件动画结束时，将还原到动画开始时的状态
android:fillEnabled setFillEnabled(boolean) 效果与fillBefore一致
android:repeatCount setRepeatCount(int) 重复次数，如果设置为infinite，则表示无限重复
android:repeatMode setRepeatMode(int) 重复类型，有reverse和restart两个值，取值为REVERSE和RESTART，必须与repeatCount一起使用才能看到效果，因为这里是重复的类型
android:interpolator setInterpolator(Interpolator) 插值器，其实就是指定的动作效果，比如弹跳，加速等

在第一篇《Android动画篇（一）—— alpha、scale、translate、rotate、set的xml属性及用法》已经讲解了每个便签的具体所有功能，这里就不一一细讲了，对于使用方法会在下面的个标签中使用。

三、ScaleAnimation

1、自身属性

在Scale标签中，它有几个自身属性，这部分的属性都是在scaleAnimation构造函数中添加的，我们来展示一下：

android:fromXScale 起始X方向相对自身的缩放比例，浮点值，比如1.0表示无变化，0.5表示缩小一倍，2.0表示放大一倍
android:toXScale 结尾X方向相对自身的缩放比例，浮点值；
android:fromYScale 起始Y方向相对自身的缩放比例，浮点值；
android:toYScale 结尾Y方向相对自身的缩放比例，浮点值；
android:pivotX 缩放起点X轴坐标，有数值，百分数，百分数p三种，比如：50，50%，50%p；当为数值时，表示当前view左上角，即原点处加上50px，作为起点缩放点X轴坐标；当为百分比时，表示当前view的左上角加上该控件宽的50%作为缩放起点X轴坐标；当为50%p时，表示当前view的左上角加上父控件宽度50%作为缩放起点X轴坐标；
android:pivotY 缩放起点Y轴坐标，意义同上（如果有不理解的可参考我的第一篇文章《Android动画篇（一）》）

2、构造函数

ScaleAnimation(Context context, AttributeSet attrs) 从xml文件中加载动画，基本用不到
ScaleAnimation(float fromX, float toX, float fromY, float toY)
ScaleAnimation(float fromX, float toX, float fromY, float toY,float pivotX, float pivotY)
ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

第一个构造函数是从xml中加载动画，基本上用不到，我们主要讲述下下面三个构造方法

标签属性android:pivotX有三种取值，数值，百分数，百分数p，这个是关系到缩放起点的取值；体现在构造函数中，就是最后一个构造函数的pivotXType，它的取值有三种，Animation.ABSOLUTE、Animation.RELATIVE_TO_SELF和Animation.RELATIVE_TO_PARENT；

android:pivotX的数值对应Animation.ABSOLUTE，百分数对应Animation.RELATIVE_TO_SELF，百分数p对应Animation.RELATIVE_TO_PARENT；

3、代码使用

//初始化缩放动画对象
ScaleAnimation scaleAnimation = new ScaleAnimation(0f, 2f, 0f, 2f, ScaleAnimation.RELATIVE_TO_SELF, 0.5f, ScaleAnimation.RELATIVE_TO_SELF, 0.5f);
//设置动画时间
scaleAnimation.setDuration(700);
//设置动画结束后还原动画开始前的状态
scaleAnimation.setFillBefore(true);
//控件使用动画
mTextView.startAnimation(scaleAnimation);

效果如下：

四、AlphaAnimation

1、自身属性

android:fromAlpha 动画开始的透明度，取值范围0.0-1.0，0.0表示完全透明，1.0表示完全不透明
android:toAlpha 动画结束的透明度，同上

2、构造函数

AlphaAnimation(Context context, AttributeSet attrs) 同样的，从本地xml文件加载动画，基本不使用
AlphaAnimation(float fromAlpha, float toAlpha)

3、代码使用

 //初始化透明度动画对象，传入开始和结束的透明度值
 AlphaAnimation alphaAnimation = new AlphaAnimation(1.0f, 0.0f);
 //设置动画时长2秒
 alphaAnimation.setDuration(2000);
 //设置动画结束后还原动画最开始时的状态
 alphaAnimation.fillBefore(true);
 //控件启动动画
 mTextView.startAnimation(alphaAnimation);

效果如下：

五、RotateAnimation

1、自身属性

android:fromDegrees 开始旋转的角度度数，正值表示顺时针方向度数，负值表示逆时针方向度数
android:toDegrees 结束旋转时的角度度数，正值表示顺时针方向度数，负值表示逆时针方向度数
android:pivotX 缩放起点X轴坐标，可以是数值，百分比，百分比p，比如50，50%，50%p，含义已经在scale标签中讲述，这里就不多描述了
android:pivotY 缩放起点Y轴的坐标，同上

2、构造函数

RotateAnimation(Context context, AttributeSet attrs) 从本地xml文件中加载动画，基本不用
RotateAnimation(float fromDegrees, float toDegrees)
RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)
RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

rotateAnimation和scaleAnimation差不多，关键是对于属性anroid:pivotX的取值，同样有三个选择：Animation.ABSOLUTE、Animation.RELATIVE_TO_SELF和Animation.RELATIVE_TO_PARENT；

3、代码使用

RotateAnimation rotateAnimation = new RotateAnimation(0f, -650f,
                        Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnimation.setDuration(2000);
rotateAnimation.setFillAfter(true);
mTextView.startAnimation(rotateAnimation);

效果如下：

六、TranslateAnimation

1、自身属性

android:fromXDelta 起始点的X轴坐标，可以是数值，百分数，百分数p，比如50，50%，50%p ；具体意义已经在scale标签中讲述，这里就不再重复讲了；
android:fromYDelta 起始点Y轴坐标，同上
android:toXDelta 结束点X轴坐标，同上
android:toYDelta 结束点Y轴坐标，同上

2、构造函数

TranslateAnimation(Context context, AttributeSet attrs) 从本地xml文件中加载动画，基本不用
RotateAnimation(float fromDegrees, float toDegrees)
TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)

由于fromXDelta，toXDelta，fromYDelta，toYDelta这四个属性都有三种状态，上述构造函数中，只有第三个能指定每个值得类型，可以指定百分数和相对于父控件的百分数值，第二个构造函数使用的是绝对数值。

3、代码使用

TranslateAnimation translateAnimation = new TranslateAnimation(0, 100, 0, 100);
translateAnimation.setDuration(2000);
//设置重复次数，INFINITE表示无限重复
translateAnimation.setRepeatCount(Animation.INFINITE);
//设置重复类型，每次重复都重新开始动画
translateAnimation.setRepeatMode(Animation.RESTART);
mTextView.startAnimation(translateAnimation);

效果如下：

七、AnimationSet

1、自身属性

AnimationSet类对用Set便签，定义动作类的合集，他自己是没有xml属性的，但是它具有Animation工具类的属性，具体已经在上面的Animation公共类中做了讲述，就不解释了，这里讲述一下他的常用的几个函数：

addAnimation(Animation a) 增加动画
setStartOffset(long) 延时启动动画，时间单位为毫秒
cancel() 退出动画在动画不需要的时候退出动画
reset() 释放资源
setAnimationListener(AnimationListener listener) 设置动画监听，它有三个函数回调，分别监听动画开始，结束，重复（下面会讲到）

上面的函数中只有addAnimation(Animation a)是AnimationSet独有的，cancel()、reset()、setAnimationListener(AnimationListener listener) 这些函数都是所有动画效果都具有的属性函数

2、构造函数

AnimationSet(Context context, AttributeSet attrs) 基本不用
AnimationSet(boolean shareInterpolator) shareInterpolator取值true和false，当为true时，指在animationSet中指定一个插值器，它下面的动画都使用这个插值器；如果设置为false，则它下面的动画使用自己定义的插值器。

3、代码使用

         ScaleAnimation scale = new ScaleAnimation(0.0f, 1.5f, 0.0f, 1.5f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
                
                scale.setRepeatMode(Animation.REVERSE);
                scale.setRepeatCount(Animation.INFINITE);

                AlphaAnimation alpha = new AlphaAnimation(0.2f, 0.8f);
                alpha.setRepeatCount(Animation.INFINITE);
                alpha.setRepeatMode(Animation.REVERSE);

                RotateAnimation rotate = new RotateAnimation(0f, 
                360f,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
                rotate.setRepeatMode(Animation.RESTART);
                rotate.setRepeatCount(Animation.INFINITE);

                TranslateAnimation translate = new TranslateAnimation(Animation.ABSOLUTE, 
                0,
                        Animation.ABSOLUTE, 300, Animation.ABSOLUTE, 0, 
                Animation.ABSOLUTE, 300);
                translate.setRepeatCount(Animation.INFINITE);
                translate.setRepeatMode(Animation.REVERSE);

                //构建动画合集
                AnimationSet animationSet = new AnimationSet(true);
                //设置动画合集重复的次数,在AnimationSet设置是无效的
                //animationSet.setRepeatCount(6);
                //设置动画合集重复类型，优先使用AnimationSet设置的，如果AnimationSet没有设置 
                 则使用子动画中的
                //animationSet.setRepeatMode(Animation.RESTART);
                //添加动画
                animationSet.addAnimation(scale);
                animationSet.addAnimation(alpha);
                animationSet.addAnimation(rotate);
                animationSet.addAnimation(translate);

                //设置动画合集时间,如果animationSet中有设置则使用animationSet中设置的时长,否 
                则使用子动画中的时长
                animationSet.setDuration(1000);
                //设置动画合集结束时保持动画最后的状态，只animationSet中设置有效，如果 
                animationSet中没有设置，则使用默认的setFillBefore(true)
                animationSet.setFillAfter(true);

                //设置动画集合监听
                animationSet.setAnimationListener(new Animation.AnimationListener() {
                    @Override
                    public void onAnimationStart(Animation animation) {
                        Log.e(TAG, "Set:onAnimationStart");
                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                        Log.e(TAG, "Set:onAnimationEnd");
                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {
                        Log.e(TAG, "Set:onAnimationRepeat");
                    }
                });
                //退出动画
                //animationSet.cancel();
                //animationSet.reset();
                mTextView.startAnimation(animationSet);

如图：

注意：如果将部分动画添加到AnimationSet中

在AnimationSet中设置setRepeatCount()是无效的，只能在子动画中设置重复次数才有效果。
对于setDuration()和setRepeatMode()则优先使用AnimationSet中设置的属性，如果AnimationSet中没有设置就使用子控件中的（AnimationSet没有设置动画时长，子动画一定要设置时长）。
setFillAfter()或者setFillBefore()属性只能在AnimationSet中设置，如果没有设置则使用默认的setFillBefore(true),在子动画中设置是无效的。

具体效果已经在《第一篇动画》中讲解过，这里就不一一讲述了！

八、监听器

animation.setAnimationListener设置动画监听，这个是Animation基类的属性，所有子类动画都有这个监听

 /**
 * 监听动画变化时三个状态
 */
public static interface AnimationListener {
       
        void onAnimationStart(Animation animation);

        void onAnimationEnd(Animation animation);

        void onAnimationRepeat(Animation animation);
    }

在AnimationListener中主要是监听三个状态，start、end、repeat；动画开始会调用onAnimationStart(Animation animation)方法，动画结束会调用onAnimationEnd(Animation animation)方法，动画重复执行会调用onAnimationRepeat(Animation animation)方法。

九、插值器

Interpolator是Animation类的一个xml属性，所以scale、rotate、alpha、translate、set都会继承得到这个属性。

Interpolator的系统值有下面几个：

Interpolator class	Resource ID
AccelerateDecelerateInterpolator	@android:anim/accelerate_decelerate_interpolator	在动画开始和结束的时候比较慢，中间比较快
AccelerateInterpolator	@android:anim/accelerate_interpolator	动画开始时比较慢，然后加速
AnticipateInterpolator	@android:anim/anticipate_interpolator	开始的时候向后然后向前甩
AnticipateOvershootInterpolator	@android:anim/anticipate_overshoot_interpolator	开始的时候向后然后向前甩一定值后返回最后的值
BounceInterpolator	@android:anim/bounce_interpolator	动画结束的时候弹起
CycleInterpolator	@android:anim/cycle_interpolator	动画循环播放特定的次数，速率改变沿着正弦曲线
DecelerateInterpolator	@android:anim/decelerate_interpolator	在动画开始的地方快然后慢
LinearInterpolator	@android:anim/linear_interpolator	以常量速率改变
OvershootInterpolator	@android:anim/overshoot_interpolator	向前甩一定值后再回到原来位置

代码设置插值器：

  TranslateAnimation translateAnim = new TranslateAnimation(0, 300, 0, 300);
  translateAnim.setDuration(1000);
  //设置插值器
  translateAnim.setInterpolator(new BounceInterpolator());
  mTextView.startAnimation(translateAnim);

这里仅仅演示位移时的插值器效果，其他的就不一一演示了，效果如下：

至此，本文结束！

源码下载地址：https://github.com/FollowExcellence/AndroidAnimation

请大家尊重原创者版权，转载请标明出处：https://blog.csdn.net/m0_37796683/article/details/90376533 谢谢！

动画系列文章：

1、 Android动画篇(一)—— alpha、scale、translate、rotate、set的xml属性及用法

补间动画的XML用法以及属性详解

2、Android动画篇(二)—— 代码实现alpha、scale、translate、rotate、set及插值器动画

代码动态实现补间动画以及属性详解

3、 Android动画篇(三)—— 属性动画ValueAnimator的使用

ValueAnimator的基本使用

4、 Android动画篇(四)—— 属性动画ValueAnimator的高级进阶

插值器(Interpolator)、计算器(Evaluator)、ValueAnimator的ofObject用法等相关知识

5、 Android动画篇(五)—— 属性动画ObjectAnimator基本使用

ObjectAnomator的基本使用以及属性详解

6、 Android动画篇(六)—— 组合动画AnimatorSet和PropertyValuesHolder的使用

AnimatorSet动画集合和PropertyValuesHolder的使用

以上几篇动画文章是一定要掌握的，写的不好请多多指出！

苏火火丶

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
3
评论
Android动画篇(二)—— 代码实现alpha、scale、translate、rotate、set及插值器动画

前言：只有比牛人跑得更快，才有可能追上他的脚步一、概述这篇将为大家讲述如何使用代码动态生成动画以及插值器。先简单列出各个便签对应的类，方便大家理解：scale ScaleAnimation 渐变尺寸伸缩动画效果 alpha AlphaAnimation 渐变透明动画效果 rotate RotateAnimation 画面转移旋转动画效果...
复制链接

扫一扫