Android中怎么实现手势翻页效果

这篇文章将为大家详细讲解有关Android中怎么实现手势翻页效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

为望奎等地区用户提供了全套网页设计制作服务,及望奎网站建设行业解决方案。主营业务为成都网站设计、网站建设、望奎网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

activity_main.xml布局界面代码:



 
 

MainActivity.java逻辑代码:

package com.fukaimei.gestureflip;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.GestureDetector;
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;

public class MainActivity extends AppCompatActivity implements GestureDetector.OnGestureListener {

 // ViewFlipper实例
 ViewFlipper flipper;
 // 定义手势检测实例
 GestureDetector detector;
 // 定义一个动画数组,用于为ViewFlipper指定切换动画效果
 Animation[] animations = new Animation[4];
 // 定义手势动作亮点之间的最小距离
 final int FLIP_DISTANCE = 50;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  // 创建手势检测器
  detector = new GestureDetector(this, this);
  // 获得ViewFlipper实例
  flipper = (ViewFlipper) this.findViewById(R.id.flipper);
  // 为ViewFlipper添加8个ImageView组件
  flipper.addView(addImageView(R.drawable.img01));
  flipper.addView(addImageView(R.drawable.img02));
  flipper.addView(addImageView(R.drawable.img03));
  flipper.addView(addImageView(R.drawable.img04));
  flipper.addView(addImageView(R.drawable.img05));
  flipper.addView(addImageView(R.drawable.img06));
  flipper.addView(addImageView(R.drawable.img07));
  flipper.addView(addImageView(R.drawable.img08));
  // 初始化Animation数组
  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);
 }

 // 定义添加ImageView的工具方法
 private View addImageView(int resId) {
  ImageView imageView = new ImageView(this);
  imageView.setImageResource(resId);
  imageView.setScaleType(ImageView.ScaleType.CENTER);
  return imageView;
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  // 将该Activity上的触碰事件交给GestureDetector处理
  return detector.onTouchEvent(event);
 }

 @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 onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
  // 如果第一个触点事件的X坐标大于第二个触点事件的X坐标超过FLIP_DISTANCE
  // 也就是手势从右向左滑
  if (e1.getX() - e2.getX() > FLIP_DISTANCE) {
   // 为flipper设置切换的动画效果
   flipper.setInAnimation(animations[0]);
   flipper.setOutAnimation(animations[1]);
   flipper.showPrevious();
   return true;
  }
  // 如果第二个触点事件的X坐标大于第一个触点事件的X坐标超过FLIP_DISTANCE
  // 也就是手势从右向左滑
  else if (e2.getX() - e1.getX() > FLIP_DISTANCE) {
   // 为flipper设置切换的动画效果
   flipper.setInAnimation(animations[2]);
   flipper.setOutAnimation(animations[3]);
   flipper.showNext();
   return true;
  }
  return false;
 }
}

anim/left_in.xml代码:



 
 

anim/left_out.xml代码:



 
 

anim/right_in.xml代码:



 
 

anim/right_out.xml代码:



 
 

关于Android中怎么实现手势翻页效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


分享文章:Android中怎么实现手势翻页效果
网站网址:http://ybzwz.com/article/pgjoij.html