Android之ViewFlipper

標籤：

首先看一下它的繼承圖：

viewAnimator 直接繼承於FrameLayout,其中ViewSwitcher和ViewFlipper是它的直接子類。

 

 

 

 

今天我們就來分析一下ViewFlipper。它可以用來實現圖片的自動展示

效果如下：

 

 

代碼實現部分：

1、MainActivity.java

簡簡單單幾行代碼，就是任性

 

public class MainActivity extends Activity {private ViewFlipper mViewFlipper;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        mViewFlipper =(ViewFlipper) findViewById(R.id.mviewFlipper);             mViewFlipper.setInAnimation(this,R.animator.solide_in);  //設定圖片進入時的動畫        mViewFlipper.setOutAnimation(this, R.animator.solide_out);//設定圖片切出時的動畫        mViewFlipper.startFlipping();        }}

 

2、xml檔案

 在ViewFlipper中加入3個子View(中顯示的3張圖片)

 

<?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/mviewFlipper"        android:layout_width="match_parent"        android:layout_height="match_parent"                >        <ImageView             android:id="@+id/iamge1"            android:layout_height="match_parent"            android:layout_width="match_parent"            android:src="@drawable/a"            />        <ImageView             android:id="@+id/iamge2"            android:layout_height="match_parent"            android:layout_width="match_parent"            android:src="@drawable/b"            />        <ImageView             android:id="@+id/iamge3"            android:layout_height="match_parent"            android:layout_width="match_parent"            android:src="@drawable/c"            />            </ViewFlipper></LinearLayout>

3、兩個動畫檔案：從螢幕外進入與從螢幕中出去

 

進入：

 

<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator"  >      <translate          android:duration="500"          android:fromXDelta="100%p"          android:toXDelta="0" />    <span style="white-space:pre"></span>此處為從右邊進入螢幕</set>  

出去：

 

 

<set xmlns:android="http://schemas.android.com/apk/res/android"      android:interpolator="@android:anim/decelerate_interpolator"     >     <translate  android:duration = "500"android:fromXDelta = "0"android:toXDelta = "-100%p"/>    此處為從螢幕<span style="font-family: Arial, Helvetica, sans-serif;">左邊出去</span></set>

4、上面顯示的圖片檔案，可選自己喜歡的圖片代替，這裡就不給出了。

 

 

你也可以設定不同的view進出方向：

 

android:fromXDelta="0" android:toXDelta="-100%p" 往左邊消失

android:fromXDelta="-100%p" android:toXDelta="0" 從左邊進

android:fromXDelta="0" android:toXDelta="100%p" 往右邊消失

android:fromXDelta="100%p" android:toXDelta="0" 從右邊進

Android之ViewFlipper