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://myzitong.com/article/cepisd.html