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);
}
}

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