2017-02-17 130 views
-2

我必须在ImageView上显示一个动画。它会喜欢翻牌。显示X图像的ImageView翻转并将显示Y图像。我怎样才能做到这一点?任何想法?Android ImageView翻转动画

+3

请参阅https://developer.android.com/training/animation/cardflip.html你有没有尝试过? – Akshay

+0

我已经走了。它通过使用两个片段完成。但是我已经在RecycleView的一个项目上做了,它很难应用。 –

+0

好的。所以发布你的问题相应..提供所有的细节 – Akshay

回答

3

你可以使用这个类翻转动画

FlipAnimation.class

import android.graphics.Camera; 
import android.graphics.Matrix; 
import android.view.View; 
import android.view.animation.AccelerateDecelerateInterpolator; 
import android.view.animation.Animation; 
import android.view.animation.Transformation; 

public class FlipAnimation extends Animation { 
private Camera camera; 

private View fromView; 
private View toView; 

private float centerX; 
private float centerY; 

private boolean forward = true; 

/** 
* Creates a 3D flip animation between two views. 
* 
* @param fromView First view in the transition. 
* @param toView Second view in the transition. 
*/ 
public FlipAnimation(View fromView, View toView) { 
    this.fromView = fromView; 
    this.toView = toView; 

    setDuration(500); 
    setFillAfter(false); 
    setInterpolator(new AccelerateDecelerateInterpolator()); 
} 

public void reverse() { 
    forward = false; 
    View switchView = toView; 
    toView = fromView; 
    fromView = switchView; 
} 

@Override 
public void initialize(int width, int height, int parentWidth, int parentHeight) { 
    super.initialize(width, height, parentWidth, parentHeight); 
    centerX = width/2; 
    centerY = height/2; 
    camera = new Camera(); 
} 

@Override 
protected void applyTransformation(float interpolatedTime, Transformation t) { 
    // Angle around the y-axis of the rotation at the given time 
    // calculated both in radians and degrees. 
    final double radians = Math.PI * interpolatedTime; 
    float degrees = (float) (180.0 * radians/Math.PI); 

    // Once we reach the midpoint in the animation, we need to hide the 
    // source view and show the destination view. We also need to change 
    // the angle by 180 degrees so that the destination does not come in 
    // flipped around 
    if (interpolatedTime >= 0.5f) { 
     degrees -= 180.f; 
     fromView.setVisibility(View.GONE); 
     toView.setVisibility(View.VISIBLE); 
    } 

    if (forward) 
     degrees = -degrees; //determines direction of rotation when flip begins 

    final Matrix matrix = t.getMatrix(); 
    camera.save(); 
    camera.rotateY(degrees); 
    camera.getMatrix(matrix); 
    camera.restore(); 
    matrix.preTranslate(-centerX, -centerY); 
    matrix.postTranslate(centerX, centerY); 
} 
} 

而且使用下面

FlipAnimation flipAnimation = new FlipAnimation(view1,view2); 
    if (view1.getVisibility() == View.GONE) { 
     flipAnimation.reverse(); 
    }else{ 
     view1.startAnimation(flipAnimation); 
    } 

你必须使用2个imageviews此添加动画。