Android 中实现图片翻转动画（卡片翻转效果）

1、简述

通过 ObjectAnimator 和 AnimatorSet 可以实现图片的翻转动画，并在翻转过程中切换图片，同时避免图片被镜像。

• ObjectAnimator 是 Android 动画框架中的一个类，用于对对象的属性进行动画效果处理。它通过改变对象的属性值来实现动画效果，非常适合实现复杂的动画，如移动、旋转、缩放等。
• AnimatorSet 是 Android 动画框架中的一个类，用于组合多个动画，并控制它们的播放顺序和时间关系。通过 AnimatorSet，可以实现复杂的动画序列，例如同时播放多个动画、按顺序播放动画或在某个动画完成后播放另一个动画。

2、创建动画

ObjectAnimator 的构造方法需要指定目标对象、属性名称和动画的值。

（1） translationX 属性

• translationX 用于控制视图（如 View）在水平方向上的位置变化，表示视图在其父布局中的水平偏移量，可以实现视图的水平移动效果。它的值以像素为单位，正值表示向右移动，负值表示向左移动。默认情况下，translationX 的值为 0，表示视图没有水平偏移。

      fun moveImage() {
       
          // 从 0 开始向右移动 200 像素
          val animator = ObjectAnimator.ofFloat(imageView, "translationX", 0f, 200f)
          animator.setDuration(1000)
          animator.start()
      }
  

（2）alpha 属性

• alpha 用于控制视图（如 View）的透明度。通过改变 alpha 属性的值，可以实现视图的淡入（fade-in）和淡出（fade-out）效果。
  alpha 属性的值范围是 [0.0, 1.0]：

  • 0.0：完全透明，视图不可见。
  • 1.0：完全不透明，视图完全可见。
  • 0.0 到 1.0 之间的值：半透明效果。

      fun fadeOutAndFadeIn() {
       
          // 创建一个淡出动画
          val fadeOut = ObjectAnimator.ofFloat(imageView, "alpha", 1.0f, 0.0f)
          fadeOut.setDuration(1000)
  
          // 创建一个淡入动画
          val fadeIn = ObjectAnimator.ofFloat(imageView, "alpha", 0.0f, 1.0f)
          fadeIn.setDuration(1000)
  
          // 使用 AnimatorSet 按顺序播放动画
          val animatorSet = AnimatorSet()
          animatorSet.playSequentially(fadeOut, fadeIn)
  
          // 启动动画
          animatorSet.start()
      }
  

（3）rotation 属性

• rotation 用于控制视图（如 View）的旋转效果。通过改变 rotation 属性的值，可以实现视图绕 Z 轴（垂直于屏幕）的旋转动画。rotation 属性值表示视图绕 Z 轴旋转的角度，单位是度（degrees）。正值表示顺时针旋转，负值表示逆时针旋转。如果需要绕 X 轴或 Y 轴旋转，可以使用 rotationX 或 rotationY 属性。

      fun rotateImage() {
       
          // 创建一个旋转动画，沿 Z 轴从 0度 旋转到 360度，即顺时针旋转 360 度