ViewFlipper的使用

1、

package l.m.j;

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

public class Activity2  extends Activity {
  ViewFlipper viewFlipper;
  float startX;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.main2);
   viewFlipper = (ViewFlipper) this.findViewById(R.id.viewFlipper);
  }

  /**
   * 处理用户滑屏事件
   */
  @Override
  public boolean onTouchEvent(MotionEvent event) {
   switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
    startX = event.getX();
    break;

   case MotionEvent.ACTION_UP:
    if (event.getX() > startX) {
     viewFlipper.setInAnimation(this, R.anim.in_left_right);// 定义下一页进来时的动画
     viewFlipper.setOutAnimation(this, R.anim.out_left_right);// 定义当前页出去的动画
     viewFlipper.showNext();// 显示下一页
   
    } else if (event.getX() < startX) {
     viewFlipper.setInAnimation(this, R.anim.in_right_left);
     viewFlipper.setOutAnimation(this, R.anim.out_right_left);
     viewFlipper.showPrevious();// 显示上一页
    }
    break;
   }
   return super.onTouchEvent(event);
  }

 }

 

2、

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <ViewFlipper
  android:id="@+id/viewFlipper"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
 
  <!-- 这是当前页第一页 -->
  <LinearLayout
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content">
   <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="这是第一页"/>
  </LinearLayout>
 
  <!-- 这是第二页 -->
  <LinearLayout
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:background="#FF00FF00">
   <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="这是第二页"/>
  </LinearLayout>
 
    <!-- 这是按钮跳转页 -->
  <LinearLayout
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:background="#FF00FF00"
   android:id="@+id/liner">
   <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="MySelf"/>
  </LinearLayout>
 
 
 </ViewFlipper>
</LinearLayout> 

3、

in_left_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
     <!-- 从左到右进入屏幕 -->
    <translate 
        android:fromXDelta="-100%"
        android:toXDelta="0"
        android:duration="2000"
        />
 
</set>

in_right_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
     <!-- 从右到左进入屏幕 -->
    <translate 
        android:fromXDelta="100%"
        android:toXDelta="0"
        android:duration="2000"
        />
 
</set>

out_left_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
     <!-- 从左到右出去屏幕 -->
    <translate 
        android:fromXDelta="0"
        android:toXDelta="100%"
        android:duration="2000"
        />
 
</set>

out_right_left.xml

<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
     <!-- 从右到左出去屏幕 -->
    <translate 
        android:fromXDelta="0"
        android:toXDelta="-100%"
        android:duration="2000"
        />
 
</set>