Android之ViewFlipper实现图片切换

ViewFlipper比ViewPager功能更强大，它可以以动画的方式自动切换VIew对象。

android.widget.ViewAnimator类继承至FrameLayout，ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。

该类有如下几个和动画相关的函数：

setInAnimation：设置View进入屏幕时候使用的动画

setOutAnimation: 设置View退出屏幕时候使用的动画 
showNext： 调用该函数来显示FrameLayout里面的下一个View。 
showPrevious： 调用该函数来显示FrameLayout里面的上一个View。 
 一般不直接使用ViewAnimator，而是使用它的两个子类ViewFlipper和ViewSwitcher。

ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果，可以一次指定也可以每次切换的时候都指定单独的效果。

 

该类额外提供了如下几个函数： 
 isFlipping：用来判断View切换是否正在进行 
setFilpInterval：设置View之间切换的时间间隔 
startFlipping：使用上面设置的时间间隔来开始切换所有的View，切换会循环进行 
stopFlipping: 停止View切换

 

下面举例说明如何使用ViewFlipper来实现图片自动切换

 

第一步：首先创建布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ViewFlipper
        android:id="@+id/details"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:flipInterval="1000"
        android:inAnimation="@anim/push_left_in"
        android:outAnimation="@anim/push_left_out"
        android:persistentDrawingCache="animation" >
    </ViewFlipper>

</LinearLayout>

 push_left_in.xml文件

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

push_left_out.xml文件

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

 

 

第二步：在activity中使用

package com.front.carapp;

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

public class MainActivity extends Activity {
	private ViewFlipper flipper;
	private int[] images = new int[] { R.drawable.a, R.drawable.b, R.drawable.c };

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		flipper = (ViewFlipper) findViewById(R.id.details);

		for (int i = 0; i < images.length; i++) {
			ImageView iv = new ImageView(this);
			iv.setBackgroundResource(images[i]);
			flipper.addView(iv);
		}
		
		flipper.setAutoStart(true);
		flipper.setFlipInterval(2000);
	}
}

 这样就实现了，三张图片循环自动切换的效果