Android利用ViewFlipper实现屏幕切换动画效果

1、屏幕切换指的是在同一个Activity内屏幕见的切换，最长见的情况就是在一个FrameLayout内有多个页面，比如一个系统设置页面；一个个性化设置页面。
2、介绍ViewFilpper类
ViewFlipper
extends ViewAnimator
java.lang.Object
   ? Android.view.View
   ? Android.view.ViewGroup

   ? Android.widget.FrameLayout

   ? Android.widget.ViewAnimator


   ? Android.widget.ViewFlipper
Class Overview
Simple ViewAnimator that will animate between two or more views that have been added to it. Only one child is shown at a time. If requested, can automatically flip between each child at a regular interval.
意思是：简单的ViewAnimator之间,两个或两个以上的view加上动画效果。只有一个小孩会显示在一个时间。如果需要,每个孩子能自动翻转之间在固定的时间间隔。
该类继承了Framelayout类，ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。
该类有如下几个和动画相关的函数：
setInAnimation：设置View进入屏幕时候使用的动画，该函数有两个版本，一个接受单个参数，类型为Android.view.animation.Animation；一个接受两个参数，类型为Context和int，分别为Context对象和定义Animation的resourceID。
setOutAnimation: 设置View退出屏幕时候使用的动画，参数setInAnimation函数一样。
showNext： 调用该函数来显示FrameLayout里面的下一个View。
showPrevious： 调用该函数来显示FrameLayout里面的上一个View。
3、首选看一下定义四个动画的xml文件：

in_left_right.xml——从左到右进入屏幕
[java]
<?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"
        Android:duration="2000"
        />

</set>
out_left_right.xml——从左到右出去屏幕
[java]
<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    >
    
    <translate  
        Android:fromXDelta="0"
        Android:toXDelta="100%p"
        Android:duration="2000"
        />

</set>
in_right_left.xml——从右到左进入屏幕
[java]
<?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"
        Android:duration="2000"
        />

</set>
out_right_left.xml——从右到左出去屏幕
[java]
<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    >
    
    <translate  
        Android:fromXDelta="0"
        Android:toXDelta="-100%p"
        Android:duration="2000"
        />

</set>
4、定义main.xml文件
[java]
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:background="#ffffff"
    Android:orientation="vertical"
    Android:padding="15dp" >

    <ViewFlipper
        Android:id="@+id/flipper"
        Android:layout_width="fill_parent"
        Android:layout_height="fill_parent" >

         <!-- 第一个页面 -->  
        <LinearLayout          
            Android:id="@+id/layout1"
            Android:layout_width="fill_parent"
            Android:layout_height="fill_parent"  
            Android:orientation="vertical">

            <Spinner
                Android:id="@+id/spinner"
                Android:layout_width="fill_parent"
                Android:layout_height="wrap_content" />

            <com.tiantang.testAndroid1.MyTextView
                Android:id="@+id/mytext"
                Android:layout_width="fill_parent"
                Android:layout_height="wrap_content"
                Android:clickable="true"
                Android:ellipsize="marquee"
                Android:focusable="true"
                Android:focusableInTouchMode="true"
                Android:lines="1"
                Android:marqueeRepeatLimit="marquee_forever"
                AndroidcrollHorizontally="true"
                Android:text="1234567890987654321234556778909876765453234567898765322"
                Android:textColor="#000000"
                Android:textSize="20dp" />
        </LinearLayout>
        <!-- 第二个页面 -->  
        <SlidingDrawer
            Android:id="@+id/drawer"
            Android:layout_width="fill_parent"
            Android:layout_height="fill_parent"
            Android:content="@+id/content"
            Android:handle="@+id/handle" >

            <ImageView
                Android:id="@id/handle"
                Android:layout_width="50dp"
                Android:layout_height="50dp"
                Androidrc="@drawable/info" />

            <ImageView
                Android:id="@id/content"
                Android:layout_width="fill_parent"
                Android:layout_height="fill_parent"
                Androidrc="@drawable/confirm_bg" />
        </SlidingDrawer>
    </ViewFlipper>

</LinearLayout>

5、java代码实现：

[java]
package com.tiantang.testAndroid1;

import Android.app.Activity;
import Android.content.Context;
import Android.os.Bundle;
import Android.view.GestureDetector;
import Android.view.GestureDetector.OnGestureListener;
import Android.view.LayoutInflater;
import Android.view.MotionEvent;
import Android.view.View;
import Android.view.View.OnTouchListener;
import Android.view.ViewGroup;
import Android.widget.ArrayAdapter;
import Android.widget.BaseAdapter;
import Android.widget.Button;
import Android.widget.EditText;
import Android.widget.ListView;
import Android.widget.RadioButton;
import Android.widget.SlidingDrawer;
import Android.widget.Spinner;
import Android.widget.TextView;
import Android.widget.ViewFlipper;

public class TestAndroid1Activity extends Activity {
    /** Called when the activity is first created. */
    private Spinner spinner;
    
    private ViewFlipper flipper;
    private MyAdapter adapter;
    private TextView text;
    private SlidingDrawer drawer;
    private GestureDetector detector;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        spinner = (Spinner) findViewById(R.id.spinner);
        drawer = (SlidingDrawer) findViewById(R.id.drawer);
        flipper = (ViewFlipper) findViewById(R.id.flipper);
        String[] strs = new String[]{"1234567890987654321234556778909876765453234567898765322"};
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.mytext, strs);
        spinner.setAdapter(adapter);
        
        flipper.setLongClickable(true);
        flipper.setOnTouchListener(new OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                detector.onTouchEvent(event);
                return false;
            }
        });
         detector = new GestureDetector(this, new OnGestureListener(){
                @Override
                public boolean onDown(MotionEvent e) {
                    //用户轻触屏幕。（单击）  
                    return true;
                }

                @Override
                public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
                    //用户按下屏幕，快速移动后松开（就是在屏幕上滑动）  
　　                  //e1:第一个ACTION_DOWN事件（手指按下的那一点）  
　　                  //e2:最后一个ACTION_MOVE事件 （手指松开的那一点）  
　                   //velocityX:手指在x轴移动的速度 单位：像素/秒  
　　                  //velocityY:手指在y轴移动的速度 单位：像素/秒  

                    int x = (int) (e2.getX() - e1.getX());
                    if(x>0){
                        flipper.setInAnimation(TestAndroid1Activity.this,R.anim.in_left_right );
                              flipper.setOutAnimation(TestAndroid1Activity.this,R.anim.out_left_right );
                              flipper.showPrevious();                      
                    }else{
                        flipper.setInAnimation(TestAndroid1Activity.this,R.anim.in_right_left );
                              flipper.setOutAnimation(TestAndroid1Activity.this,R.anim.out_right_left );
                              flipper.showNext();                  
                    }
                    return true;
                }
                @Override
                public void onLongPress(MotionEvent e) {
                    // TODO Auto-generated method stub
                    //用户长按屏幕  

                }
                @Override
                public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                    // TODO Auto-generated method stub
                    return false;//用户按下屏幕并拖动  

                }
                @Override
                public void onShowPress(MotionEvent e) {
                    // TODO Auto-generated method stub
                    //用户轻触屏幕，尚末松开或拖动，注意，强调的是没有没有松开或者拖动状态
                }
                @Override
                public boolean onSingleTapUp(MotionEvent e) {
                    // TODO Auto-generated method stub
                    return false;//用户轻触屏幕后松开。
                }
            });
    }