ViewFlipper的功能和用法

來自： http://blog.csdn.net/tuke_tuke/article/details/50774831

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

ViewAnimator是一個基類，它繼承的是FrameLayout，因此可以將多個View組件“疊加”在一起，ViewAnimator額外增加的功能就是可以在View切換時表現出動畫效果。

ViewFlipper繼承了ViewAnimation，額外增加的新功能如下：

eg.自動播放的圖片庫

acitivity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.viewflippertest.MainActivity" >
     <!--  ViewFlipper組件，放了三個ImageView組件-->
    <ViewFlipper
        android:id="@+id/viewFlipper1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="80dp"
        android:layout_marginTop="34dp"
        android:flipInterval="1000" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/bomb10" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/bomb11" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/bomb12" />

    </ViewFlipper>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="32dp"
        android:onClick="prev"
        android:text="<" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/button1"
        android:onClick="auto"
        android:text="Auto" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button2"
        android:layout_alignBottom="@+id/button2"
        android:layout_toRightOf="@+id/button2"
        android:onClick="next"
        android:text=">" />

</RelativeLayout>

package com.example.viewflippertest;

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


public class MainActivity extends Activity {
     ViewFlipper cf;//ViewFlipper對象
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        cf=(ViewFlipper) findViewById(R.id.viewFlipper1);
    }
    //響應按鈕函數
    public void prev(View v){
        cf.setInAnimation(this,R.anim.slide_in_right);
        cf.setOutAnimation(this,R.anim.slide_out_left);

        cf.showPrevious();
        //停止切換
        cf.stopFlipping();
    };
  //響應按鈕函數
    public void auto(View v){
        cf.setInAnimation(this,R.anim.slide_in_right);
        cf.setOutAnimation(this,R.anim.slide_out_left);

        cf.startFlipping();
    };
  //響應按鈕函數
    public void next(View v){
        cf.setInAnimation(this,R.anim.slide_in_left);
        cf.setOutAnimation(this,R.anim.slide_out_right);

        cf.showNext();
        //停止切換
        cf.stopFlipping();
    };

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

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 設置從左邊拖進來的動畫
    android:duration指定動畫持續時間  -->
    <translate
        android:fromXDelta="-100%p"
        android:toXDelta="0"
        android:duration="@android:integer/config_mediumAnimTime" />
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 設置從右邊拖進來的動畫
    android:duration指定動畫持續時間  -->
    <translate
        android:fromXDelta="100%p"
        android:toXDelta="0"
        android:duration="@android:integer/config_mediumAnimTime" />
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 設置從左邊拖出去的動畫 
    android:duration指定動畫持續時間 -->
    <translate
        android:fromXDelta="0"
        android:toXDelta="-100%p"
        android:duration="@android:integer/config_mediumAnimTime" />
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 設置從左邊拖出去的動畫 
    android:duration指定動畫持續時間 -->
    <translate
        android:fromXDelta="0"
        android:toXDelta="100%p"
        android:duration="@android:integer/config_mediumAnimTime" />
</set>