Android的一个项目中，实现页面之间切换时的动画效果

本文链接：https://blog.youkuaiyun.com/LGJ1025/article/details/8469104

本文介绍如何通过Android的ViewFlipper组件实现简单的页面切换效果。具体包括编写布局文件来定义不同页面的内容，以及在Activity中通过触摸事件触发页面的切换动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步：写布局文件

Activity_main.xml

<LinearLayout 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:orientation="vertical"
tools:context=".MainActivity" >

<ViewFlipper
android:id="@+id/viewFlipper1"
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

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

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

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

</ViewFlipper>

</LinearLayout>

第二步：写Activity

package com.csdn.hbsi.pagechangetest;

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

public class MainActivity extends Activity {
ViewFlipper viewFlipper;
float startx;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewFlipper = (ViewFlipper) findViewById(R.layout.activity_main);// 找到布局文件

}

@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_leftright);
viewFlipper.setInAnimation(this, R.anim.out_leftright);
viewFlipper.showNext();
}else if(event.getX()<startx){
viewFlipper.setInAnimation(this, R.anim.in_rightleft);
viewFlipper.setInAnimation(this, R.anim.out_rightleft);
viewFlipper.showPrevious();
}
break;
}
return super.onTouchEvent(event);
}

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

}

第三步：启动虚拟机