快捷導(dǎo)航

Android ViewFlipper的詳解及實例

更新時間：2017年08月20日 11:18:39 投稿：lqh

這篇文章主要介紹了Android ViewFlipper的詳解及實例的相關(guān)資料,通過本文希望能幫助大家理解這部分內(nèi)容，需要的朋友可以參考下

Android ViewFlipper的詳解

前言：

View Flipper，是ViewAnimator的子類，而ViewAnimator又是繼承自FrameLayout，而FrameLayout就是平時基本上只顯示一個子視圖的布局，由于FrameLayout下不好確定子視圖的位置，所以很多情況下子視圖之前存在相互遮擋，這樣就造成了很多時候我們基本上只要求FrameLayout顯示一個子視圖，然后通過某些控制來實現(xiàn)切換。正好，ViewFlipper幫我們實現(xiàn)了這個工作，我們需要做的就是，選擇恰當?shù)臅r機調(diào)用其恰當?shù)姆椒纯?br />

類結(jié)構(gòu)

方法	意義
startFlipping	開始瀏覽
stopFlipping	停止瀏覽
setFlipInterval	設(shè)置View之間切換的時間間隔
getAccessibilityClassName	獲取類名稱
isFlipping	判斷是否正在瀏覽
setAutoStart	設(shè)置是否自動開始瀏覽
isAutoStart	判斷是否為自動開始瀏覽

基本使用

1. 動畫定義

scalein.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
  <scale
    android:duration="1000"
    android:fromXScale="0.2"
    android:fromYScale="0.2"
    android:toYScale="1"
    android:toXScale="1"
    android:pivotX="50%"
    android:pivotY="50%"
    >
  </scale>
</set>

scaleout.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
  <scale
    android:duration="1000"
    android:fromXScale="1"
    android:fromYScale="1"
    android:toYScale="0.2"
    android:toXScale="0.2"
    android:pivotX="50%"
    android:pivotY="50%">
  </scale>
</set>

2. 布局文件

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context="jzfp.gs.com.animationdemo.MainActivity">

  <android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"></android.support.v7.widget.Toolbar>

  <！--漸入動畫 和 漸出動畫定義-->
  <ViewFlipper
    android:id="@+id/vf"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:inAnimation="@anim/scalein"
    android:outAnimation="@anim/scaleout">

    <ImageView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@mipmap/one" />

    <ImageView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@mipmap/two" />


    <ImageView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@mipmap/three" />

  </ViewFlipper>

</LinearLayout>

3. 左右滑動切換

public class MainActivity extends AppCompatActivity {

  private ViewFlipper viewFlipper = null;
  float PosX = 0, CurrentX = 0;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    toolbar.setNavigationIcon(R.drawable.left);
    setSupportActionBar(toolbar);//設(shè)置ActionBar

    viewFlipper = (ViewFlipper) findViewById(R.id.vf);
  }

  @Override
  public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        PosX = event.getX();
        break;
      case MotionEvent.ACTION_MOVE:
        CurrentX = event.getX();
        break;
      case MotionEvent.ACTION_UP:
        if (CurrentX - PosX > 25.0) {//向右滑動切換到上一頁
          viewFlipper.showPrevious();
        } else if (CurrentX - PosX < -25.0) {//向左滑動，切換到下一頁
          viewFlipper.showNext();
        }
    }
    return true;
  }
}

實際效果