Android ViewFlipper with Animation

안드로이드에서 ViewFlipper를 사용할 때 In, Out 애니메이션을 설정하는 예

layout/main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ViewFlipper
        android:id="@+id/flipper"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/persian_smile" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/mountain" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/sky" />

    </ViewFlipper>

</LinearLayout>

TestActivity.java

package com.example.androidapp;

import android.app.Activity;

import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.ViewFlipper;
 
public class TestActivity extends Activity implements OnTouchListener {

	Animation animation;
	ViewFlipper flipper;
	
    public void onCreate(Bundle icicle) {
         super.onCreate(icicle);
         setContentView(R.layout.main);

         flipper = (ViewFlipper) findViewById(R.id.flipper);
         flipper.setOnTouchListener(this);
         
         flipper.showNext();
     }

    /* OnTouchListener 를 구현함 */
    float downX, upX;
    public boolean onTouch(View v, MotionEvent event) {
	if(v != flipper) return false;
	if(event.getAction()==MotionEvent.ACTION_DOWN) {
		downX = event.getX();
	} else if(event.getAction()==MotionEvent.ACTION_UP) {
		upX = event.getX();
		if(upX < downX ) {          // left side
			flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.flipper_right_in));
			flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.flipper_left_out));
			flipper.showNext();
		} else if (upX > downX) {   // right side
			flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.flipper_left_in));
			flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.flipper_right_out));
			flipper.showPrevious();
		}
	}
        return true;
    }

} 

res/anim/flipper_right_in.xml (오른쪽으로부터 화면 가운데로 이동하는 애니메이션)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    
    <translate 
        android:fromXDelta="100%p"
        android:toXDelta="0%p"
        android:duration="2000"
        android:repeatCount="0"/>
    
    <alpha 
        android:fromAlpha="0.5"
        android:toAlpha="1"
        android:duration="2000"
        android:repeatCount="0"/>
	 
</set>

res/anim/flipper_left_out.xml(화면 가운데에서 왼쪽으로 사라지는 애니메이션)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    
    <translate 
        android:fromXDelta="0%p"
        android:toXDelta="-100%p"
        android:duration="2000"
        android:repeatCount="0"/>
    
    <alpha 
        android:fromAlpha="1"
        android:toAlpha="0.5"
        android:duration="2000"
        android:repeatCount="0"/>
	 
</set>

res/anim/flipper_left_in.xml(화면의 왼쪽으로부터 가운데로 나오는 애니메이션)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    
    <translate 
        android:fromXDelta="-100%p"
        android:toXDelta="0%p"
        android:duration="2000"
        android:repeatCount="0"/>
    
    <alpha 
        android:fromAlpha="0.5"
        android:toAlpha="1"
        android:duration="2000"
        android:repeatCount="0"/>
	 
</set>

res/anim/flipper_right_out.xml(화면에 보여지는 이미지가 오른쪽으로 사라지는 애니메이션)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    
    <translate 
        android:fromXDelta="0%p"
        android:toXDelta="100%p"
        android:duration="2000"
        android:repeatCount="0"/>
    
    <alpha 
        android:fromAlpha="1"
        android:toAlpha="0.5"
        android:duration="2000"
        android:repeatCount="0"/>
	 
</set>