Android中ViewFlipper的简单使用

ViewFlipper是Android系统自带的一个多页面管理控件，它可以实现子界面的自动切换。

为ViewFlipper加入View：
1、静态导入：在layout布局文件中直接导入
2、动态导入：addView()方法

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

使用案例：

1、布局文件

<?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" />    

</LinearLayout>

2、动画效果文件left_in、left_out、right_in、right_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="-100%p"
        android:toXDelta="0" />
    <alpha 
        android:fromAlpha="0.5"
        android:toAlpha="1"
        android:duration="2000"
        />

</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:toXDelta="100%p" />

    <alpha
        android:duration="2000"
        android:fromAlpha="0.5"
        android:toAlpha="1" />

</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="100%p"
        android:toXDelta="0" />

    <alpha
        android:duration="2000"
        android:fromAlpha="0.5"
        android:toAlpha="1" />

</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:toXDelta="-100%p" />

    <alpha
        android:duration="2000"
        android:fromAlpha="0.5"
        android:toAlpha="1" />

</set>

3、实现自动轮播和滑动切换

package com.cx.viewflipper;

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

public class MainActivity extends Activity {

	private ViewFlipper flipper;
	private int[] resId = {R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4};
    private float startX;//滑动起始坐标

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		flipper = (ViewFlipper) findViewById(R.id.flipper);
		
		//动态导入的方式为ViewFlipper加入子View
		for(int i=0; i<resId.length; i++){
			flipper.addView(getImageView(resId[i]));
		}
		
		/**
		 * 自动轮播
		 */
		/*//设置进入和退出动画
		flipper.setInAnimation(this, R.anim.left_in);
		flipper.setOutAnimation(this, R.anim.left_out);
		//切换时间间隔
		flipper.setFlipInterval(3000);
		//开始播放
		flipper.startFlipping();*/
	}

	private ImageView getImageView(int resId) {
		ImageView image = new ImageView(this);
		//图片原大小显示
//		image.setImageResource(resId);
		//全屏显示
		image.setBackgroundResource(resId);
		return image;
	}

	@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: 
			
			break;
		
		//手指抬起
		case MotionEvent.ACTION_UP:
			//向右滑动
			if(event.getX()-startX>100){
				 flipper.setInAnimation(this, R.anim.left_in);
				 flipper.setOutAnimation(this, R.anim.left_out);
				 flipper.showPrevious();
				
			}
			//向左滑动
			if(startX-event.getX()>100){
				 flipper.setInAnimation(this, R.anim.right_in);
				 flipper.setOutAnimation(this, R.anim.right_out);
				 flipper.showNext();
			}
			break;
		}
		return super.onTouchEvent(event);
	}

}

源码下载