Android卡牌翻转动画效果实现

Android卡牌翻转动画效果实现

简述

之前项目有个需求，需要实现卡牌翻转效果，自己试着写过，效果不是很好，后来找到了一个Rotatable-master的项目，使用里面提供的类实现了卡牌翻转的效果。默认情况下，翻转动画卡牌在动画进行中的拉伸变形幅度会很大，可以通过setCameraDistance方法来改变控件的应该说是观察点距离吧，让观察点远一点，这样反转动画看起来会舒服一点。

效果图

代码

.java 旋转工具类

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.content.res.Configuration;
import android.support.annotation.IntDef;
import android.support.v4.view.animation.FastOutSlowInInterpolator;
import android.util.DisplayMetrics;
import android.util.Property;
import android.view.Display;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.view.animation.CycleInterpolator;

import java.util.ArrayList;

/**
 * 旋转工具类
 * Created by Yahya Bayramoglu on 01/12/15.
 */
public class Rotatable implements View.OnTouchListener {
   

    private static final int NULL_INT = -1;
    private final int FIT_ANIM_TIME = 300;

    public static final int DEFAULT_ROTATE_ANIM_TIME = 500;
    public static final int ROTATE_BOTH = 0;
    public static final int ROTATE_X = 1;
    public static final int ROTATE_Y = 2;

    @IntDef({ROTATE_X, ROTATE_Y, ROTATE_BOTH})
    public @interface Direction {
   
    }

    public static final int FRONT_VIEW = 3;
    public static final int BACK_VIEW = 4;

    @IntDef({FRONT_VIEW, BACK_VIEW})
    public @interface Side {
   
    }

    private RotationListener rotationListener;
    private View rootView, frontView, backView;

    private boolean touchEnable = true;
    private boolean shouldSwapViews = false;

    private int rotation;
    private int screenWidth = NULL_INT, screenHeight = NULL_INT;
    private int currentVisibleView = FRONT_VIEW;

    private float rotationCount;
    private float rotationDistance;
    private float oldX, oldY, currentX, currentY;
    private float currentXRotation = 0, currentYRotation = 0;
    private float maxDistanceX = NULL_INT, maxDistanceY = NULL_INT;
    private float defaultPivotX = NULL_INT, defaultPivotY = NULL_INT;

    private Rotatable(Builder builder) {
        this.rootView = builder.root;
        this.defaultPivotX = rootView.getPivotX();
        this.defaultPivotY = rootView.getPivotY();
        this.rotationListener = builder.listener;

        if (builder.pivotX != NULL_INT) {
            this.rootView.setPivotX(builder.pivotX);
        }

        if (builder.pivotY != NULL_INT) {
            this.rootView.setPivotY(builder.pivotY);
        }

        if (builder.frontId != NULL_INT) {
            this.frontView = rootView.findViewById(builder.frontId);
        }

        if (builder.backId != NULL_INT) {
            this.backView = rootView.findViewById(builder.backId);
        }

        this.rotation = builder.rotation;
        this.rotationCount = builder.rotationCount;
        this.rotationDistance = builder.rotationDistance;
        this.shouldSwapViews = frontView != null && backView != null;

        rootView.setOnTouchListener(this);
    }

    /**
     * This method needs to be call, if only you need to reset and
     * rebuild a view as rotatable with different configurations
     */
    public void drop() {
        rootView.setPivotX(defaultPivotX);
        rootView.setPivotY(defaultPivotY);
        rootView.setOnTouchListener(null);
        rootView = null;
        frontView = null;
        backView = null;
    }

    /**
     * You can specify rotation direction as axis X, Y or BOTH
     */
    public void setDirection(@Direction int direction) {
        if (!isRotationValid(direction)) {
            throw new IllegalArgumentException("Cannot specify given value as rotation direction!");
        }
        this.rotation = direction;
    }

    /**
     * You may need to enable / disable touch interaction at some point,
     * so it is possible to do it so anytime by rotatable object
     */
    public void setTouchEnable(boolean enable) {
        this.touchEnable = enable;
    }

    /**
     * To determine rotatable object is currently touchable or not
     */
    public boolean isTouchEnable() {
        return touchEnable;
    }

    /**
     * If your application can be used multi orientated, then you have to declare
     * orientation changes to rotatable object, so it can recalculate its maxDistances.
     * <p>
     * You only need to inform rotatable object about orientation changes, when you specified
     * {@link Builder#rotationCount(float)} or {@link Builder#rotationDistance(float)}
     */
    public void orientationChanged(int newOrientation) {