2017-02-17 18 views
-2

ImageViewにアニメーションを1つ表示する必要があります。それはカードの反転が好きです。 ImageViewはX画像を表示しますを反転し、Y画像を表示します。どうすれば同じことができますか?何か案が?Android ImageViewフリッピングアニメーション

+3

https://developer.android.com/training/animation/cardflip.htmlを参照してください。何か試しましたか? – Akshay

+0

私はそれを行った。これは2つのフラグメントを使用して行われます。しかし、私はそれを適用するのが難しいRecycleViewの項目でやっています。 –

+0

Ok ..それに応じてあなたの質問を投稿する..すべての詳細を提供する – Akshay

答えて

3

あなたは

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.classフリップアニメーション用

を、このクラスを使用していて、このために2 imageviewsを使用する必要が

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

の下に使用してアニメーションを追加することができます。