我的Android进阶之旅------>Android使用ViewFlipper实现滑动翻页-白红宇

我的Android进阶之旅------>Android使用ViewFlipper实现滑动翻页

阅读量：7003 次

发布时间：2019-06-27

本文共 7136 字，大约阅读时间需要 23 分钟。

屏幕切换指的是在同一个Activity内屏幕见的切换，最长见的情况就是在一个FrameLayout内有多个页面，比如一个系统设置页面；一个个性化设置页面。

通过查看OPhone API文档可以发现，有个android.widget.ViewAnimator类继承至FrameLayout，ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数：

l setInAnimation：设置View进入屏幕时候使用的动画，该函数有两个版本，一个接受单个参数，类型为android.view.animation.Animation；一个接受两个参数，类型为Context和int，分别为Context对象和定义Animation的resourceID。

setOutAnimation: 设置View退出屏幕时候使用的动画，参数setInAnimation函数一样。

showNext：调用该函数来显示FrameLayout里面的下一个View。

showPrevious：调用该函数来显示FrameLayout里面的上一个View。

一般不直接使用ViewAnimator而是使用它的两个子类ViewFlipper和ViewSwitcher。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果，可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数：

isFlipping：用来判断View切换是否正在进行

setFilpInterval：设置View之间切换的时间间隔

startFlipping：使用上面设置的时间间隔来开始切换所有的View，切换会循环进行

stopFlipping: 停止View切换

ViewSwitcher 顾名思义Switcher特指在两个View之间切换。可以通过该类指定一个ViewSwitcher.ViewFactory 工程类来创建这两个View。该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。

在教程中通过示例介绍ViewFlipper 的使用，其他的使用方式是类似的。详细信息可以参考文档：

现在我就来写一个使用ViewFlipper来实现页面切换的功能新建一个项目，如下图：

step1:设计程序的UI界面 main.xml

说明：

使用RelativeLayout做父容器，添加按钮在ViewFlipper顶部；

ViewFlipper的每个子页面并列于该View内；

ViewFlipper的每个子页面显示一个TextView；

step2:设置好页面切换的时候的动画效果，在切换动画/res/anim/目录下的动画文件

enter_left_to_right.xml

enter_right_to_left.xmlenter_right_to_left.xml

exit_left_to_right.xmlexit_left_to_right.xml

exit_right_to_left.xmlexit_right_to_left.xml

step3:MainActivity.java

package cn.roco.animation;import android.app.Activity;import android.os.Bundle;import android.view.MotionEvent;import android.view.Window;import android.view.WindowManager;import android.view.animation.Animation;import android.view.animation.AnimationUtils;import android.widget.ViewFlipper;public class MainActivity extends Activity {	private ViewFlipper viewFlipper;	/** 用于记录按下屏幕时刻的x坐标 */	private float startX;	/** 用于记录离开屏幕时刻的x坐标 */	private float endX;	private Animation enter_left_to_right;	private Animation exit_left_to_right;	private Animation enter_right_to_left;	private Animation exit_right_to_left;	/** Called when the activity is first created. */	@Override	public void onCreate(Bundle savedInstanceState) {		super.onCreate(savedInstanceState);		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,				WindowManager.LayoutParams.FLAG_FULLSCREEN); //请求全屏		getWindow().requestFeature(Window.FEATURE_NO_TITLE); //请求没有标题栏		setContentView(R.layout.main);		viewFlipper = (ViewFlipper) this.findViewById(R.id.viewFipper);		/** 从左到右的两个动画 */		enter_left_to_right = AnimationUtils.loadAnimation(this,				R.anim.enter_left_to_right);		exit_left_to_right = AnimationUtils.loadAnimation(this,				R.anim.exit_left_to_right);		/** 从右到左的两个动画 */		enter_right_to_left = AnimationUtils.loadAnimation(this,				R.anim.enter_right_to_left);		exit_right_to_left = AnimationUtils.loadAnimation(this,				R.anim.exit_right_to_left);	}	@Override	public boolean onTouchEvent(MotionEvent event) {		switch (event.getAction()) {		case MotionEvent.ACTION_DOWN: {			startX = event.getX();			break;		}		case MotionEvent.ACTION_UP: {			endX = event.getX();			if (endX > startX) {// 表示向右滑动				showNextView();			} else if (endX < startX) {// 表示向左滑动				showPreviousView();			}			break;		}		}		return super.onTouchEvent(event);	}	/**	 * 显示前一页	 */	private void showPreviousView() {		// 动画效果		viewFlipper.setInAnimation(enter_right_to_left);		viewFlipper.setOutAnimation(exit_right_to_left);		viewFlipper.showPrevious();	}	/**	 * 显示下一页	 */	private void showNextView() {		// 动画效果		viewFlipper.setInAnimation(enter_left_to_right);		viewFlipper.setOutAnimation(exit_left_to_right);		viewFlipper.showNext();	}}

step4:AndroidManifest.xml

step5:运行效果

==================================下面看一个gif动画===========================================

附注：通过手势来切换

package cn.roco.gesture;import android.app.Activity;import android.os.Bundle;import android.view.GestureDetector;import android.view.GestureDetector.OnGestureListener;import android.view.animation.Animation;import android.view.animation.AnimationUtils;import android.view.MotionEvent;import android.widget.ViewFlipper;/** * 通过手势切换图片 */public class GestureFlipActivity extends Activity implements OnGestureListener{	private ViewFlipper viewFlipper;	//定义手势检测器实例	GestureDetector detector;	//定义动画	private Animation enter_left_to_right;	private Animation exit_left_to_right;		private Animation enter_right_to_left;	private Animation exit_right_to_left;	//定义手势动作两点之间的最小距离	final int FLIP_DISTANCE=50;		@Override	protected void onCreate(Bundle savedInstanceState) {		super.onCreate(savedInstanceState);		setContentView(R.layout.main);		//创建手势检测器		detector=new GestureDetector(this);		//获得ViewFlipper实例		viewFlipper = (ViewFlipper) this.findViewById(R.id.viewFipper);		/** 从左到右的两个动画 */		enter_left_to_right = AnimationUtils.loadAnimation(this,				R.anim.enter_left_to_right);		exit_left_to_right = AnimationUtils.loadAnimation(this,				R.anim.exit_left_to_right);		/** 从右到左的两个动画 */		enter_right_to_left = AnimationUtils.loadAnimation(this,				R.anim.enter_right_to_left);		exit_right_to_left = AnimationUtils.loadAnimation(this,				R.anim.exit_right_to_left);	}			@Override	public boolean onDown(MotionEvent e) {		return false;	}	@Override	public void onShowPress(MotionEvent e) {			}	@Override	public boolean onSingleTapUp(MotionEvent e) {		return false;	}	@Override	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,			float distanceY) {		return false;	}	@Override	public void onLongPress(MotionEvent e) {			}		@Override	public boolean onTouchEvent(MotionEvent event) {		// 将该Activity上的触碰时间交个 GestureDetector处理		return detector.onTouchEvent(event);	}	@Override	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,			float velocityY) {		/**		 * 如果第1个触点事件的x坐标大于第2个触点事件的x坐标超过 FLIP_DISTANCE		 * 也就是手势从右向左滑动		 */		if (e1.getX()-e2.getX()>FLIP_DISTANCE) {			showPreviousView();			return true;		}		/**		 * 如果第2个触点事件的x坐标大于第1个触点事件的x坐标超过 FLIP_DISTANCE		 * 也就是手势从左向右滑动		 */		else if (e2.getX()-e1.getX()>FLIP_DISTANCE) {			showNextView();			return true;		}				return false;	}		/**	 * 显示前一页	 */	private void showPreviousView() {		// 动画效果		viewFlipper.setInAnimation(enter_right_to_left);		viewFlipper.setOutAnimation(exit_right_to_left);		viewFlipper.showPrevious();	}	/**	 * 显示下一页	 */	private void showNextView() {		// 动画效果		viewFlipper.setInAnimation(enter_left_to_right);		viewFlipper.setOutAnimation(exit_left_to_right);		viewFlipper.showNext();	}}

==================================================================================================

作者：欧阳鹏欢迎转载，与人分享是进步的源泉！

转载请保留原文地址：

==================================================================================================

转载于:https://www.cnblogs.com/ouyangpeng/archive/2013/04/12/8538403.html

你可能感兴趣的文章