服务器之家

服务器之家 > 正文

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

时间:2021-04-06 14:48     来源/作者:freesonhp

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

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
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程序设计有所帮助。

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部