ViewFlipper使用方法

概念

ViewFilpper可以包含多个View，且View之间的切换有动画效果，例如说渐变效果。它也可以根据时间周期切换显示项目，像一个幻灯片播放的效果。
ViewFlipper可以用来指定Layout内多个View之间的切换效果，可以一次指定也可以，每次切换的时候都指定单独的效果。

常用方法

• isFlipping():用来判断View切换是否正在进行。
• setFilpInterval(int milliseconds):设定View之间切换的时间间隔，单位为毫秒。
• startFlipping():使用上面设定的时间间隔来切换所有View，会以幻灯片方式进行。
• stopFlipping():停止View切换。
• boolean isAutoStart():是否自动开始翻页。
• setAutoStart(boolean autoStart):设置是否自动翻页

例码

activity_viewflipper.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/vfviewFlipper"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ViewFlipper>

</LinearLayout>

VFlipperActivity.class

import com.hch.svpre.R;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.ViewFlipper;

public class VFlipperActivity extends Activity {
    private ViewFlipper viewFlipper;
    private int[] resId = { R.drawable.pic1, R.drawable.pic2, R.drawable.pic3,
            R.drawable.pic4 };
    private float startX;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.activity_viewflipper);
        initView();
    }

    private void initView() {
        viewFlipper = (ViewFlipper) this.findViewById(R.id.vfviewFlipper);
        for (int i = 0; i < 4; i++) {
            viewFlipper.addView(getImageView(resId[i]));
        }
        viewFlipper.setInAnimation(this, R.anim.right_in);
        viewFlipper.setOutAnimation(this, R.anim.right_out);
        // 设置ViewLlipper视图切换的时间间隔
        viewFlipper.setFlipInterval(2000);
        viewFlipper.startFlipping();
    }

    private ImageView getImageView(int resid) {
        ImageView iView = new ImageView(this);
        // iView.setImageResource(resId);
        iView.setBackgroundResource(resid);
        return iView;
    }
    /**
     * 设置手势
     */
/*
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            startX = event.getX();
            break;
        case MotionEvent.ACTION_MOVE:
//          向右滑动
            if (event.getX() - startX > 100) {
                viewFlipper.setInAnimation(this, R.anim.left_in);
                viewFlipper.setOutAnimation(this, R.anim.left_out);
                viewFlipper.showPrevious();
            }
//          向左滑动
            if (startX - event.getX() > 100) {
                viewFlipper.setInAnimation(this, R.anim.right_in);
                viewFlipper.setOutAnimation(this, R.anim.right_out);
                viewFlipper.showNext();
            }
            break;
        case MotionEvent.ACTION_UP:
            break;
        default:
            break;
        }
        return super.onTouchEvent(event);
    }
*/
}