Android ViewFlipper详解

1，ViewFlipper是Android系统自带的一个多页面管理控件，它可以实现子界面的自动切换，也可以通过手势的滑动来改变界面。

2，ViewFlipper常用方法：

• setInAnimation: 设置View进入屏幕时使用的动画
• setOutAnimation: 设置View退出屏幕时使用的动画
• showNext: 调用该函数来显示ViewFlipper里面的下一个View
• showPrevious: 调用该函数来显示ViewFlipper里面的上一个View
• setFilpIntervel: 设置View之间切换的时间间隔
• startFlipping: 开始切换所有的View,切会循环进行
• stopFlipping: 停止View切换

3，准备一些图片资源，放在res—drawable-hdpi目录下。

4，在Layout布局文件里添加一个ViewFlipper标签：

<span style="font-size:18px;"><?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_height="fill_parent"    android:layout_width="fill_parent">    </ViewFlipper></LinearLayout></span>

5，编写实现类中的java代码：

<span style="font-size:18px;">package com.example.viewflipper;import android.R.integer;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.MotionEvent;import android.view.Window;import android.widget.ImageView;import android.widget.ViewFlipper;import com.example.tweenanimation.R;public class MainActivity extends Activity {    private  ViewFlipper  flipper;    private  float  startX; //记录手指的水平滑动    private  int[]  resId={R.drawable.apic1,R.drawable.apic2,R.drawable.apic3,R.drawable.apic4};    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.main);        flipper=(ViewFlipper) findViewById(R.id.flipper);        //动态导入的方式为ViewFlipper加入子view        for (int i = 0; i <resId.length; i++) {            //参数(getImageView(resId[i])是通过外部方法获取的图片数据源            flipper.addView(getImageView(resId[i]));        }        //设定ViewFlipper视图切换的时间间隔        flipper.setFlipInterval(2000);        //开始播放        flipper.startFlipping();    }    private ImageView getImageView(int resId){        ImageView image=new ImageView(this);        //image.setImageResource(resId); //这种方式会按照图片的实际宽高来显示        //让图片充满屏幕显示        image.setBackgroundResource(resId);        return image;    }    /*     * 支持手势滑动的ViewFlipper     */    @Override    public boolean onTouchEvent(MotionEvent event) {        switch (event.getAction()) {            //手指落下            case MotionEvent.ACTION_DOWN: {                startX=event.getX();                break;            }            // 手指滑动            case MotionEvent.ACTION_MOVE: {                //向右滑动                if (event.getX()-startX>100) {                    //显示前一页                    flipper.showPrevious();                }                //向左滑动                if (startX-event.getX()>100) {                    //显示后一页                    flipper.showNext();                }                break;            }            // 手指离开            case MotionEvent.ACTION_UP: {                break;            }        }        return super.onTouchEvent(event);    }}</span>

注意：若想单独测试手势滑动的效果，需要把自动滑动的开始播放（ flipper.startFlipping();）注释掉，不然会影响手势滑动的效果。