ViewFlipper的功能與用法

    ViewFlipper組件繼承了ViewAnimator，它可調用addView(View v)添加多個組件，一旦向ViewFlipper中添加了多個組件之后，ViewFlipper可使用動畫控制多個組件之間的切換效果。

    ViewFlipper與之前介紹的AdapterViewFlipper有較大的相似性，它們可以控制組件切換的動畫效果。它們的區別是：ViewFlipper需要開發者通過addView(View v)添加多個View，而AdapterViewFlipper則只要傳入一個Adapter，Adapter將會負責提供多個View。因此ViewFlipper可以指定與AdapterViewFlipper相同的XML屬性。

    實例：自動播放的圖片庫

     該實例與前面介紹的AdapterViewFlipper實例非常相似，區別只是該實例直接定義了該ViewFlipper所包含的View組件。下面是該實例的界面布局文件。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
   <ViewFlipper android:id="@+id/details" android:layout_width="match_parent" android:layout_height="match_parent" android:flipInterval="1000" >
   <ImageView android:src="@drawable/java"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content" />
    <ImageView android:src="@drawable/android"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content" />
     <ImageView android:src="@drawable/ee"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content" />
   </ViewFlipper>
   <Button android:text="&lt;"
       android:onClick="prev"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:layout_alignParentLeft="true"/>
   <Button android:text="自動播放"
       android:onClick="auto"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:layout_centerInParent="true"/>
    <Button android:text="&gt;"
       android:onClick="next"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:layout_alignParentRight="true"/>
</RelativeLayout>

上面的布局文件中定義了一個ViewFlipper，並在該ViewFlipper中定義了三個ImageView，這意味着該ViewFlipper包含了三個組件。接下來在Activity代碼中即可調用ViewFlipper的showPrevious()、showNext()等方法控制ViewFlipper顯示上一個、下一個子組件。為了控制組件切換時的動畫效果，還需要調用ViewFlipper的setInAnimation()、setOutAnimation()方法設置動畫效果。

     下面是該Activity的代碼。

package org.crazyit.helloworld;

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

public class ViewFlipperTest extends Activity {
    private ViewFlipper viewFlipper;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.view_flipper_test);
        viewFlipper=(ViewFlipper)findViewById(R.id.details);
    }
    
    public void prev(View source)
    {
        viewFlipper.setInAnimation(this,R.anim.slide_in_right); viewFlipper.setInAnimation(this,R.anim.slide_out_left); //顯示下一個組件
 viewFlipper.showPrevious(); //停止自動播放
        viewFlipper.stopFlipping();
    }
    
    public void next(View source)
    {
        viewFlipper.setInAnimation(this,R.anim.slide_in_left); viewFlipper.setInAnimation(this,R.anim.slide_out_right); //顯示下一個組件
 viewFlipper.showNext(); //停止自動播放
        viewFlipper.stopFlipping();
    }
    
    public void auto(View source)
    {
        viewFlipper.setInAnimation(this,R.anim.slide_in_left);
        viewFlipper.setInAnimation(this,R.anim.slide_out_right);
        
        //自動播放
        viewFlipper.startFlipping();
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.view_flipper_test, menu);
        return true;
    }

}

運行上面的Activity代碼即可看到如下效果：