Android实现页面翻转和自动翻转功能

概述Android实现页面翻转和自动翻转功能 1. 效果图,本功能用了ViewFlipper和GestureDetector (手势检测器)两个关键技术点: 2. 先写好布局文件,这里用到了ViewFlipper类,用于切换视图,毕竟ViewFlipper见得少,先介绍一下. 在xml布局中的方法介绍: android:autoStart: 设置自动加载下一个View  android:flipInterval:设置View之间切换的时间间隔 android:inAnimation: 设置切换View的进入动画 android:outAni

1. 效果图,本功能用了VIEwFlipper和GestureDetector (手势检测器)两个关键技术点：

2. 先写好布局文件，这里用到了VIEwFlipper类，用于切换视图，毕竟VIEwFlipper见得少，先介绍一下。

在xml布局中的方法介绍:

androID:autoStart： 设置自动加载下一个VIEw 
androID:flipInterval：设置VIEw之间切换的时间间隔
androID:inAnimation： 设置切换VIEw的进入动画
androID:outAnimation：设置切换VIEw的退出动画

当然同样的在代码中也可以设置：

isFlipPing： 判断VIEw切换是否正在进行
setFilpInterval：设置VIEw之间切换的时间间隔
startFlipPing： 开始VIEw的切换，而且会循环进行
stopFlipPing： 停止VIEw的切换
setoutAnimation：设置切换VIEw的退出动画
setInAnimation： 设置切换VIEw的进入动画
showNext： 显示VIEwFlipper里的下一个VIEw
showPrevIoUs： 显示VIEwFlipper里的上一个VIEw

<?xml version="1.0" enCoding="utf-8"?><linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" xmlns:app="http://schemas.androID.com/apk/res-auto" xmlns:tools="http://schemas.androID.com/tools" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" androID:orIEntation="vertical" tools:context=".slIDe.Main2Activity"> <linearLayout  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content">  <button   androID:layout_wIDth="0dp"   androID:layout_height="wrap_content"   androID:layout_weight="1"   androID:onClick="start"   androID:text="开始自动翻页" />  <button   androID:layout_wIDth="0dp"   androID:layout_height="wrap_content"   androID:layout_weight="1"   androID:onClick="stop"   androID:text="停止自动翻页" /> </linearLayout> <VIEwFlipper  androID:ID="@+ID/activity_main2_vf"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent"  androID:flipInterval="1500"></VIEwFlipper> //flipInterval 实现自动翻转时添加，值为每页翻转的时间</linearLayout>

3. 接下来是代码部分,首页介绍一下GestureDetector ：

GestureDetector.OnGestureListener里包含的事件处理方法如下:
➢boolean onDown(MotionEvent e):当触碰事件按下时触发该方法。
➢boolean onFling(MotionEvent e1,MotionEvent e2,float veLocityX,float veLocityY):当用户手指在触摸屏_上“拖过”时触发该方法。其中veLocityX、veLocityY 代表“拖过”动作在横向、纵向,上的速度。
➢abstract voID onL ongPress(MotionEvente):当用户手指在屏幕上长按时触发该方法。
➢boolean onScroll(MotionEvent e1,float distanceX,float distanceY):当用户手指在屏幕上“滚动”时触发该方法。
➢voID onShowPress(MotionEvent e):当用户手指在触摸屏上按下，而且还未移动和松开时触发该方法。
➢boolean onSingleTapUp(MotionEvent e): 用户手指在触摸屏上的轻击事件将会触发该方法。

*使用AndroID的手势检测只需两个步骤。

➊创建一个GestureDetector 对象。创建该对象时必须实现一个GestureDetector.OnGestureListener监听器实例。

❷为应用程序的Activity (偶尔也可为特定组件)的touchEvent事件绑定监听器(对应gestureDetector = new GestureDetector(this,this);)，在事件处理中指定把Activity (或特定组件)，上的touchEvent事件交给GestureDetector处理。(对应return gestureDetector.ontouchEvent(event);)*

package com.example.mygesture.slIDe;import androID.support.v7.app.AppCompatActivity;import androID.os.Bundle;import androID.vIEw.GestureDetector;import androID.vIEw.LayoutInflater;import androID.vIEw.MotionEvent;import androID.vIEw.VIEw;import androID.vIEw.animation.Animation;import androID.vIEw.animation.AnimationUtils;import androID.Widget.ImageVIEw;import androID.Widget.VIEwFlipper;import com.example.mygesture.R;public class Main2Activity extends AppCompatActivity implements GestureDetector.OnGestureListener { //实现手势检测器接口 GestureDetector gestureDetector; //定义手势检测器 VIEwFlipper vIEwFlipper;// Animation[] animations=new Animation[4]; //注释的部分为添加动画效果 int distance=50; @OverrIDe protected voID onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentVIEw(R.layout.activity_main2);  init(); } private voID init() {  gestureDetector = new GestureDetector(this,this);//实例化GestureDetector  vIEwFlipper=findVIEwByID(R.ID.activity_main2_vf);  vIEwFlipper.addVIEw(addImageVIEw(R.drawable.q1));//添加图片  vIEwFlipper.addVIEw(addImageVIEw(R.drawable.q2));  vIEwFlipper.addVIEw(addImageVIEw(R.drawable.q3));  vIEwFlipper.addVIEw(addImageVIEw(R.drawable.q4));//  animations[0]=AnimationUtils.loadAnimation(this,R.anim.left_in);//  animations[1]=AnimationUtils.loadAnimation(this,R.anim.left_out);//  animations[2]=AnimationUtils.loadAnimation(this,R.anim.right_in);//  animations[3]=AnimationUtils.loadAnimation(this,R.anim.right_out); } private VIEw addImageVIEw(int resID) {  ImageVIEw imageVIEw=new ImageVIEw(this);  imageVIEw.setimageResource(resID);  imageVIEw.setScaleType(ImageVIEw.ScaleType.CENTER);  return imageVIEw; } @OverrIDe public boolean onFling(MotionEvent e1,float veLocityY) {  vIEwFlipper.stopFlipPing();  //当滑动时停止自动翻转  if (e1.getX()-e2.getX()>distance){  //当从右向左滑动时//   vIEwFlipper.setInAnimation(animations[0]);//   vIEwFlipper.setoutAnimation(animations[1]);   vIEwFlipper.showPrevIoUs();  //返回上一张视图   return true;  }if (e2.getX()-e1.getX()>distance){  //当从左向右滑动时//   vIEwFlipper.setInAnimation(animations[2]);//   vIEwFlipper.setoutAnimation(animations[3]);   vIEwFlipper.showNext();  //切换下一张视图   return true;  }  return false; } @OverrIDe public boolean ontouchEvent(MotionEvent event) {  return gestureDetector.ontouchEvent(event); //绑定触摸事件 } public voID start(VIEw vIEw) {  vIEwFlipper.startFlipPing();  //开始自动翻转，与flipInterval配套使用，缺一不可 } public voID stop(VIEw vIEw) {  vIEwFlipper.stopFlipPing();  //停止自动翻转 } @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,float distanceY) {  return false; } @OverrIDe public voID onLongPress(MotionEvent e) { }}

简单的翻页效果已经完成了

总结

以上所述是小编给大家介绍的AndroID实现页面翻转和自动翻转功能,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

总结

以上是内存溢出为你收集整理的Android实现页面翻转和自动翻转功能全部内容，希望文章能够帮你解决Android实现页面翻转和自动翻转功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。