2024年Android最新Android动画学习之补间动画和逐帧动画(1)，面试官技巧问题及答案

最后

代码真的是重质不重量，质量高的代码，是当前代码界提倡的，当然写出高质量的代码肯定需要一个相当高的专业素养，这需要在日常的代码书写中逐渐去吸收掌握，谁不是每天都在学习呀，目的还不是为了一个，为实现某个功能写出高质量的代码。

所以，长征路还长，大家还是好好地做个务实的程序员吧。

最后，小编这里有一系列Android提升学习资料，有兴趣的小伙伴们可以来看下哦~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

上述代码定义了一个让View从完全不透明到透明、持续时间为1s的动画。

属性介绍：

| 参数 | 性能 | 使用 |

| — | — | — |

| interpolator | 控制动画的变化速度 | @android:anim/linear_interpolator(匀速改变)、@android:anim/accelerate_interpolator(开始慢，后来加速)等 |

| repeatMode | 指定动画重复的方式 | reverse(反向)、restart(重新开始)、默认：restart |

| repeatCount | 指定动画重复次数 | 正整数、infinite(无限循环) |

| duration | 指定动画播放时长 | 单位(ms) |

| fromAlpha | 指定动画开始时的透明度 | 0.0为完全透明，1.0为不透明 |

| toAlpha | 指定动画结束时的透明度 | 0.0为完全透明，1.0为不透明 |

| startOffset | 多长时间后开始执行动画 | 默认：0 |

2. 旋转动画（RotateAnimation）

旋转动画就是通过为动画指定开始时的旋转角度、结束时的旋转角度以及动画播放时长来创建动画，在XML文件中定义旋转动画，具体代码如下：

<?xml version="1.0" encoding="utf-8"?>

<rotate

android:fromDegrees=“0”

android:toDegrees=“360”

android:pivotX=“50%”

android:pivotY=“50%”

android:repeatMode=“reverse”

android:repeatCount=“infinite”

android:duration=“1000”/>

上述代码定义了一个让View从0°旋转到360°持续时间为1s的旋转动画。

属性介绍：

| 参数 | 性能 | 使用 |

| — | — | — |

| fromDegrees | 指定动画开始时的角度 | [0,360] |

| toDegrees | 指定动画结束时的角度 | [0,360] |

| pivotX | 指定轴心的X坐标 | % |

| pivotY | 指定轴心的Y坐标 | % |

3. 缩放动画（ScaleAnimation）

缩放动画就是通过为动画指定开始时的缩放系数、结束时的缩放系数以及动画持续时长来创建动画，在XML文件中定义缩放动画，具体代码如下：

<?xml version="1.0" encoding="utf-8"?>

<scale

android:repeatMode=“reverse”

android:repeatCount=“infinite”

android:duration=“3000”

android:fillAfter=“true”

android:fillBefore=“false”

android:fromXScale=“1.0”

android:fromYScale=“1.0”

android:toXScale=“2.0”

android:toYScale=“2.0”

android:pivotX=“50%”

android:pivotY=“50%”/>

上述代码定义了一个让View在X轴上放大一半、Y轴上放大一半的缩放动画。

属性介绍：

| 参数 | 性能 | 使用 |

| — | — | — |

| fromXScale | 指定动画开始时X轴上的缩放系数 | 值为1.0表示不再变化 |

| fromYScale | 指定动画开始时Y轴上的缩放系数 | 值为1.0表示不再变化 |

| toXScale | 指定动画结束时X轴上的缩放系数 | 小于1表示缩小，大于1表示放大，等于1表示没有缩放 |

| toYScale | 指定动画结束时Y轴上的缩放系数 | 小于1表示缩小，大于1表示放大，等于1表示没有缩放 |

| fillAfter | 动画执行结束之后是否停留在最后一帧，优先存在于fillBefore | 默认：false |

| fillBefore | 动画播放完毕后，是否会恢复原始状态 | 默认：true |

| fillEnabled | 是否应用与fillBefore的值 | 默认：true |

4. 平移动画（TranslateAnimation）

平移动画是通过为动画指定开始位置、结束位置以及动画持续时长来创建动画，在XML文件中定义平移动画，具体代码如下：

<?xml version="1.0" encoding="utf-8"?>

<translate

android:fromXDelta=“0.0”

android:fromYDelta=“0.0”

android:toXDelta=“100”

android:toYDelta=“0.0”

android:repeatCount=“infinite”

android:repeatMode=“reverse”

android:duration=“4000”/>

上述代码定义了一个让View从起始x(0.0)位置平移到结束x(100)位置，持续时间为4s的平移动画。

注意：这里的坐标不是指屏幕像素的坐标，而是指相对于View的所在位置的坐标。

例如：开始位置0.0表示在View最开始的地方平移（即布局文件定义View所在的位置）。

三、补间动画实战

===================================================================

1. 创建工程，设计用户交互界面

布局文件activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_marginBottom=“5dp”>

<ImageView

android:id=“@+id/iv_bean”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentTop=“false”

android:layout_alignParentEnd=“true”

android:layout_alignParentRight=“true”

android:layout_alignParentBottom=“true”

android:layout_marginEnd=“145dp”

android:layout_marginRight=“145dp”

android:layout_marginBottom=“320dp”

android:src=“@drawable/icon” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_alignParentBottom=“true”>

<Button

android:id=“@+id/btn_one”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:text=“@string/btn_1”/>

<Button

android:id=“@+id/btn_two”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:text=“@string/btn_2”/>

<Button

android:id=“@+id/btn_three”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:text=“@string/btn_3”/>

<Button

android:id=“@+id/btn_four”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:text=“@string/btn_4”/>

其中，按钮名称在(res/values/strings.xml)文件中说明，方便程序管理：

Animation

渐变

旋转

缩放

移动

2. 创建相应的补间动画

在res目录下创建一个anim文件夹，并新建4个XML文件，分别命名为：

“alpha_animation.xml”（透明度渐变动画）
“rotate_animation.xml” （旋转动画）
“scale_animation.xml” （缩放动画）
“translate_animation.xml”（平移动画）。

分别将前面讲解的四个动画的XML代码放入创建的四个文件中。

3. 编写界面交互代码

在XML文件中定义好补间动画资源后，需要将动画资源设置到控件上。要实现该功能，需要在MainActivity中调用AnimationUtils类的loadAnimation()方法加载动画资源，并为图片（@drawable/icon)设置指定动画，具体代码如下:

文件MainActivity.java编写逻辑代码:

package com.example.animation;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.widget.Button;

import android.widget.ImageView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private ImageView ivBean;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//初始化组件并添加点击事件

Button buttonOne = findViewById(R.id.btn_one);

Button buttonTwo = findViewById(R.id.btn_two);

Button buttonThree = findViewById(R.id.btn_three);

Button buttonFour = findViewById(R.id.btn_four);

ivBean = findViewById(R.id.iv_bean);

buttonOne.setOnClickListener(this);

buttonTwo.setOnClickListener(this);

buttonThree.setOnClickListener(this);

buttonFour.setOnClickListener(this);

}

public void onClick(View v){

switch(v.getId()){

case R.id.btn_one:

//调用AnimationUtils的loadAnimation()方法加载动画

//单击按钮使用图片渐变

Animation alpha = AnimationUtils.loadAnimation(this,R.anim.alpha_animation);

ivBean.startAnimation(alpha);

break;

case R.id.btn_two:

//单击按钮使图片旋转

Animation rotate = AnimationUtils.loadAnimation(this,R.anim.rotate_animation);

ivBean.startAnimation(rotate);

break;

case R.id.btn_three:

//单击按钮使图像缩放

Animation scale = AnimationUtils.loadAnimation(this,R.anim.scale_animation);

ivBean.startAnimation(scale);

break;

case R.id.btn_four:

//单击按钮使图片移动

Animation translate = AnimationUtils.loadAnimation(this,R.anim.translate_animation);

ivBean.startAnimation(translate);

break;

}

可以看出，XML中定义的动画是通过AnimationUtils.loadAnimation()方法加载的，最后通过startAnimation()方法将动画设置到ImageView中。

4. 运行程序

video1.mp4

最后

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长。而不成体系的学习效果低效漫长且无助。时间久了，付出巨大的时间成本和努力，没有看到应有的效果，会气馁是再正常不过的。

所以学习一定要找到最适合自己的方式，有一个思路方法，不然不止浪费时间，更可能把未来发展都一起耽误了。

如果你是卡在缺少学习资源的瓶颈上，那么刚刚好我能帮到你。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取