android ViewFlipper的使用

参照了网上的代码，根据自己的亲身实践，纠正了网上一些错误，现总结ViewFlipper的使用如下，希望给大家有个帮助，也给自己总结一下。

屏幕切换指的是在同一个Activity内屏幕见的切换，最长见的情况就是在一个FrameLayout内有多个页面，比如一个系统设置页面；一个个性化设置页面。

通过查看android API文档可以发现，有个android.widget.ViewAnimator类继承至FrameLayout，ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数：

1.     setInAnimation：设置View进入屏幕时候使用的动画，该函数有两个版本，一个接受单个参数，类型为android.view.animation.Animation；一个接受两个参数，类型为Context和int，分别为Context对象和定义Animation的resourceID。
2.     setOutAnimation: 设置View退出屏幕时候使用的动画，参数setInAnimation函数一样。
3.     showNext： 调用该函数来显示FrameLayout里面的下一个View。
4.     showPrevious： 调用该函数来显示FrameLayout里面的上一个View。
   

一般不直接使用ViewAnimator而是使用它的两个子类ViewFlipper和ViewSwitcher。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果，可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数：

1.     isFlipping： 用来判断View切换是否正在进行
2.     setFilpInterval：设置View之间切换的时间间隔
3.     startFlipping：使用上面设置的时间间隔来开始切换所有的View，切换会循环进行
4.     stopFlipping: 停止View切换
   

ViewSwitcher 顾名思义Switcher特指在两个View之间切换。可以通过该类指定一个ViewSwitcher.ViewFactory 工程类来创建这两个View。该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。
在教程中通过示例介绍ViewFlipper 的使用，其他的使用方式是类似的。

ViewFlipper示例
记住，ViewFlipper是继承至FrameLayout的，所以它是一个Layout里面可以放置多个View。在示例中定义一个ViewFlipper，里面包含三个ViewGroup作为示例的三个屏幕，每个ViewGroup中包含一个按钮和一张图片，点击按钮则显示下一个屏幕。代码如下（res\layout\activity_main）：

<?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:orientation="vertical" xmlns:android1="http://schemas.android.com/apk/res/android">    <ViewFlipper        android:id="@+id/flipper"        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:flipInterval="5000"        android:inAnimation="@anim/push_left_in"  android:outAnimation="@anim/push_left_out"        android:persistentDrawingCache="animation" >        <LinearLayout            android:layout_width="fill_parent"            android:layout_height="fill_parent"            android:orientation="vertical" >            <Button                android:id="@+id/Button_next1"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:text="Next" >            </Button>            <ImageView                android:id="@+id/image1"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:src="@drawable/photo1" >            </ImageView>        </LinearLayout>        <LinearLayout            android:layout_width="fill_parent"            android:layout_height="fill_parent"            android:orientation="vertical" >            <Button                android:id="@+id/Button_next2"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:text="Next" >            </Button>            <ImageView                android:id="@+id/image2"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:src="@drawable/photo2" >            </ImageView>        </LinearLayout>        <LinearLayout            android:layout_width="fill_parent"            android:layout_height="fill_parent"            android:orientation="vertical" >            <Button                android:id="@+id/Button_next3"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:text="Next" >            </Button>            <ImageView                android:id="@+id/image3"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:src="@drawable/photo3" >            </ImageView>        </LinearLayout>    </ViewFlipper></LinearLayout>

很简单，在Layout定义中指定动画的相关属性就可以了，通过persistentDrawingCache指定缓存策略；flipInterval指定每个View动画之间的时间间隔；inAnimation和outAnimation分别指定View进出使用的动画效果。动画效果定义如下：

res/anim/push_left_in.xml

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

res/anim/push_left_out.xml

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

res/anim/push_right_in.xml

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

res/anim/push_right_out.xml

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

Activity代码如下 MainActivity.java

package com.example.viewflipper;import android.os.Bundle;import android.app.Activity;import android.view.GestureDetector;import android.view.GestureDetector.OnDoubleTapListener;import android.view.GestureDetector.OnGestureListener;import android.view.MotionEvent;import android.view.View;import android.widget.Button;import android.widget.ViewFlipper;public class MainActivity extends Activity implements OnGestureListener,OnDoubleTapListener {private ViewFlipper mViewFlipper;private GestureDetector mGestureDetector;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Button buttonNext1 = (Button) findViewById(R.id.Button_next1);mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);buttonNext1.setOnClickListener(new View.OnClickListener() {public void onClick(View view) {// 在layout中定义的属性，也可以在代码中指定// mViewFlipper.setInAnimation(getApplicationContext(),// R.anim.push_left_in);// mViewFlipper.setOutAnimation(getApplicationContext(),// R.anim.push_left_out);// mViewFlipper.setPersistentDrawingCache(ViewGroup.PERSISTENT_ALL_CACHES);// mViewFlipper.setFlipInterval(1000);mViewFlipper.showNext();// 调用下面的函数将会循环显示mViewFlipper内的所有View。// mViewFlipper.startFlipping();}});Button buttonNext2 = (Button) findViewById(R.id.Button_next2);buttonNext2.setOnClickListener(new View.OnClickListener() {public void onClick(View view) {mViewFlipper.showNext();}});Button buttonNext3 = (Button) findViewById(R.id.Button_next3);buttonNext3.setOnClickListener(new View.OnClickListener() {public void onClick(View view) {mViewFlipper.showNext();}});mGestureDetector = new GestureDetector(this, this);}@Overridepublic boolean onDoubleTap(MotionEvent e) {if (mViewFlipper.isFlipping()) {mViewFlipper.stopFlipping();} else {mViewFlipper.startFlipping();}return true;}@Overridepublic boolean onDoubleTapEvent(MotionEvent e) {// TODO Auto-generated method stubreturn false;}@Overridepublic boolean onSingleTapConfirmed(MotionEvent e) {// TODO Auto-generated method stubreturn false;}@Overridepublic boolean onDown(MotionEvent e) {// TODO Auto-generated method stubreturn false;}@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {if (e1.getX() > e2.getX()) {// move to leftmViewFlipper.showNext();} else if (e1.getX() < e2.getX()) {mViewFlipper.setInAnimation(getApplicationContext(),R.anim.push_right_in);mViewFlipper.setOutAnimation(getApplicationContext(),R.anim.push_right_out);mViewFlipper.showPrevious();mViewFlipper.setInAnimation(getApplicationContext(),R.anim.push_left_in);mViewFlipper.setOutAnimation(getApplicationContext(),R.anim.push_left_out);} else {return false;}return true;}@Overridepublic void onLongPress(MotionEvent e) {// TODO Auto-generated method stub}@Overridepublic boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {// TODO Auto-generated method stubreturn false;}@Overridepublic void onShowPress(MotionEvent e) {// TODO Auto-generated method stub}@Overridepublic boolean onSingleTapUp(MotionEvent e) {// TODO Auto-generated method stubreturn false;}@Overridepublic boolean onTouchEvent(MotionEvent event) {return this.mGestureDetector.onTouchEvent(event);}}

现在对上述代码进行解释：

通过android.view.GestureDetector类可以检测各种手势事件，该类有两个回调接口分别用来通知具体的事件：

 GestureDetector.OnDoubleTapListener：用来通知DoubleTap事件，类似于鼠标的双击事件，该接口有如下三个回调函数：
 
1.   onDoubleTap(MotionEvent e)：通知DoubleTap手势，
2.   onDoubleTapEvent(MotionEvent e)：通知DoubleTap手势中的事件，包含down、up和move事件（这里指的是在双击之间发生的事件，例如在同一个地方   双击会产生DoubleTap手势，而在DoubleTap手势里面还会发生down和up事    件，这两个事件由该函数通知）；
3.   onSingleTapConfirmed(MotionEvent e)：用来判定该次点击是SingleTap而不是DoubleTap，如果连续点击两次就是DoubleTap手势，如果只点击一次，OPhone系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap，然后触发SingleTapConfirmed事件。

 GestureDetector.OnGestureListener：用来通知普通的手势事件，该接口有如下六个回调函数：
1.  onDown(MotionEvent e)：down事件；
2.  onSingleTapUp(MotionEvent e)：一次点击up事件；
3.  onShowPress(MotionEvente)：down事件发生而move或则up还没发生前触发该事件；
4.  onLongPress(MotionEvent e)：长按事件；
5.  onFling(MotionEvent e1, MotionEvent e2, float velocityX, floatvelocityY)：滑动手势事件；
6.  onScroll(MotionEvent e1, MotionEvent e2, float distanceX, floatdistanceY)：在屏幕上拖动事件。

 这些事件有些定义的不太容易理解，在示例项目中实现了所有的回调函数，可以在每个函数中输出相关的日志，对这些事件不理解的可以运行项目，通过不同的操作来触发事件，然后观看logcat输出日志可有助于对这些事件的理解。
 
在上述事件中，如果在程序中处理的该事件就返回true否则返回false，在GestureDetector中也定义了一个SimpleOnGestureListener类，这是个适配器类，实现了上述的所有函数并且都返回false。如果在项目中只需要监听某个事件，只继承这个类并实现相关的方法即可，并不需要实现所有的方法。

onDoubleTap中实现双击自动切换的效果，再次双击则停止。

到这里ViewFlipper代码就完成了，现在可以通过左右滑动切换View并且双击可以自动切换View。

以上代码摘于网上，希望对大家有所裨益！！！！

需要源代码的朋友可以下载：

http://download.csdn.net/detail/lovexieyuan520/6002097