当前位置: 首页 > 编程笔记 >

Android编程ViewPager回弹效果实例分析

琴献
2023-03-14
本文向大家介绍Android编程ViewPager回弹效果实例分析,包括了Android编程ViewPager回弹效果实例分析的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了Android编程ViewPager回弹效果。分享给大家供大家参考,具体如下:

其实在我们很多应用中都看到当ViewPager滑到第一页或者最后一页的时候,如果再滑动的时候,就会有一个缓冲的过程,也就是回弹效果。之前在研究回弹效果的时候,也顺便实现了ViewPager的回弹效果,其实也很简单,一下是实现代码,注释比较少:

package com.freesonfish.viewpager_2; 
import android.content.Context; 
import android.graphics.Rect; 
import android.support.v4.view.ViewPager; 
import android.util.AttributeSet; 
import android.view.KeyEvent; 
import android.view.MotionEvent; 
import android.view.animation.TranslateAnimation; 
public class MyViewPager extends ViewPager { 
  private Rect mRect = new Rect();//用来记录初始位置 
  private int pagerCount = 3; 
  private int currentItem = 0; 
  private boolean handleDefault = true; 
  private float preX = 0f; 
  private static final float RATIO = 0.5f;//摩擦系数 
  private static final float SCROLL_WIDTH = 30f; 
  public MyViewPager(Context context) { 
    super(context); 
  } 
  public MyViewPager(Context context, AttributeSet attrs) { 
    super(context, attrs); 
  } 
  //设置总共有多少页,请记得调用它 
  public void setpagerCount(int pagerCount) { 
    this.pagerCount = pagerCount; 
  } 
  //这是当前是第几页,请在onPageSelect方法中调用它。 
  public void setCurrentIndex(int currentItem) { 
    this.currentItem = currentItem; 
  } 
  @Override 
  public boolean dispatchKeyEvent(KeyEvent event) { 
    return super.dispatchKeyEvent(event); 
  } 
  @Override 
  public boolean onInterceptTouchEvent(MotionEvent arg0) { 
    if (arg0.getAction() == MotionEvent.ACTION_DOWN) { 
      preX = arg0.getX();//记录起点 
    } 
    return super.onInterceptTouchEvent(arg0); 
  } 
  @Override 
  public boolean onTouchEvent(MotionEvent arg0) { 
    switch (arg0.getAction()) { 
    case MotionEvent.ACTION_UP: 
      onTouchActionUp(); 
      break; 
    case MotionEvent.ACTION_MOVE: 
      //当时滑到第一项或者是最后一项的时候。 
      if ((currentItem == 0 || currentItem == pagerCount - 1)) { 
        float nowX = arg0.getX(); 
        float offset = nowX - preX; 
        preX = nowX; 
        if (currentItem == 0) { 
          if (offset > SCROLL_WIDTH) {//手指滑动的距离大于设定值 
            whetherConditionIsRight(offset); 
          } else if (!handleDefault) {//这种情况是已经出现缓冲区域了,手指慢慢恢复的情况 
            if (getLeft() + (int) (offset * RATIO) >= mRect.left) {
              layout(getLeft() + (int) (offset * RATIO), getTop(), getRight() + (int) (offset * RATIO), getBottom()); 
            } 
          } 
        } else { 
          if (offset < -SCROLL_WIDTH) { 
            whetherConditionIsRight(offset); 
          } else if (!handleDefault) { 
            if (getRight() + (int) (offset * RATIO) <= mRect.right) { 
              layout(getLeft() + (int) (offset * RATIO), getTop(), getRight() + (int) (offset * RATIO), getBottom()); 
            } 
          } 
        } 
      } else { 
        handleDefault = true; 
      } 
      if (!handleDefault) { 
        return true; 
      } 
      break; 
    default: 
      break; 
    } 
    return super.onTouchEvent(arg0); 
  } 
  private void whetherConditionIsRight(float offset) { 
    if (mRect.isEmpty()) { 
      mRect.set(getLeft(), getTop(), getRight(), getBottom()); 
    } 
    handleDefault = false; 
    layout(getLeft() + (int) (offset * RATIO), getTop(), getRight() + (int) (offset * RATIO), getBottom()); 
  } 
  private void onTouchActionUp() { 
    if (!mRect.isEmpty()) { 
      recoveryPosition(); 
    } 
  } 
  private void recoveryPosition() { 
    TranslateAnimation ta = null; 
    ta = new TranslateAnimation(getLeft(), mRect.left, 0, 0); 
    ta.setDuration(300); 
    startAnimation(ta); 
    layout(mRect.left, mRect.top, mRect.right, mRect.bottom); 
    mRect.setEmpty(); 
    handleDefault = true; 
  } 
}

看吧,很简单的,如果大家还有什么方法,可以多多交流。

希望本文所述对大家Android程序设计有所帮助。

 类似资料:
  • 本文向大家介绍Android ViewPager画廊效果详解及实例,包括了Android ViewPager画廊效果详解及实例的使用技巧和注意事项,需要的朋友参考一下 Android ViewPager 画廊效果 从上面的图片可以看到,当添加多张图片的时候,能够在下方形成一个画廊的效果,我们左右拉动图片来看我们添加进去的图片,效果是不是好了很多呢?下面来看看怎么实现吧! 上面的效果类似Androi

  • 本文向大家介绍很棒的Android弹幕效果实例,包括了很棒的Android弹幕效果实例的使用技巧和注意事项,需要的朋友参考一下 很多项目需要用到弹幕效果,尤其是在播放视频的时候需要一起显示别人发的弹幕,也包括自己的发的。 今天就试着写了一下这个效果。 思路就是将从右往左的动画效果,字体内容,字体大小,弹幕平移速度等属性一起与TextView封装成BarrageItem,并将控制效果与Barrage

  • 本文向大家介绍Android ViewPager实现轮播图效果,包括了Android ViewPager实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 先上一张效果图: 说到ViewPager实现轮播图效果,那么肯定会用到PagerAdapter,下面先介绍下这个类。 PagerAdapter简介 PagerAdapter是Android.support.v4包中的类,是一个抽象类,直接继

  • 本文向大家介绍Android自定义ScrollView实现放大回弹效果实例代码,包括了Android自定义ScrollView实现放大回弹效果实例代码的使用技巧和注意事项,需要的朋友参考一下 1,刚刚在别人开源的项目中看到了一个挺不错的用户体验,效果图如下: 2,那下面我们就来实现一下,首先看一下布局,由于一般只是我们包含头像的那部分方法,所以这里我们要把布局分成两部分,对应的布局文件效果图如下:

  • 本文向大家介绍Android界面上拉下拉的回弹效果实例代码,包括了Android界面上拉下拉的回弹效果实例代码的使用技巧和注意事项,需要的朋友参考一下 废话不多说,具体代码如下所示: 以上所述是小编给大家介绍的Android界面上拉下拉的回弹效果实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍Android编程实现简易弹幕效果示例【附demo源码下载】,包括了Android编程实现简易弹幕效果示例【附demo源码下载】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android编程实现简易弹幕效果。分享给大家供大家参考,具体如下: 首先上效果图,类似于360检测到骚扰电话页面: 布局很简单,上面是一个RelativeLayout,下面一个Button. 功能: