一尘不染

具有惯性和边缘阻力/回弹的平滑滚动

java

我通过触摸拖动和多点触摸缩放实现了自定义视图的基本滚动。效果很好,但是现在我想添加一些高级功能。

例如,在Google Maps应用程序中,当您在屏幕上拖动时,停止拖动后,它仍会继续移动一点(惯性)。并且某些浏览器(例如IPad
Safari)允许您将屏幕拖动到网站可见区域以外的地方,但随后屏幕将迅速回到网站边缘。

我现在想实现类似的功能,但是要做到这一点,我需要在定期发生触摸事件 更改活动屏幕区域以执行动画。我怎样才能做到这一点?


阅读 228

收藏
2020-12-03

共1个答案

一尘不染

使用OnGestureListener。要提供平滑的滚动,请创建一个滚动器(在您的自定义视图中)。当手势侦听器检测到猛击事件时,将滚动器设置为向上。然后,重写自定义视图的computeScroll()方法。

检查此示例以了解如何实现它。

int lastX;
int lastY;
Scroller scroller;    
@Override
public void computeScroll() {
  if (scroller.computeScrollOffset()) {
    if (!scrolledLastFrame) {
      lastX = scroller.getStartX();
      lastY = scroller.getStartY();
    }

    int dx = scroller.getCurrX() - lastX;
    int dy = scroller.getCurrY() - lastY;

    lastX = scroller.getCurrX();
    lastY = scroller.getCurrY();

    doScroll(dx, dy);
    scrolledLastFrame = true;
  } else {
    scrolledLastFrame = false;
  }

}

public void doFling(int startX, int startY, int velocityX, int velocityY,
    int minX, int maxX, int minY, int maxY) {
  scroller.fling(startX, startY, velocityX, velocityY, minX, maxX, minY, maxY);
  invalidate();
}

public void doScroll(int dx, int dy) {
  currentX+=dx;
  currentY+=dy;

  invalidate();
}

private class ProgramGestureListener extends SimpleOnGestureListener {

    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2,
        float distanceX, float distanceY) {

      doScroll(distanceX, distanceY);
      return true;
    }

    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
      int max_left = getMaxHorizontalScroll();
      int max_top = getMaxVerticalScroll();
      int min_left = getMinHorizontalScroll();
      int min_top = getMinVerticalScroll();

      int startX = getCurrentHorizontalScroll();
      int startY = getCurrentVerticalScroll();

      doFling(startX, startY, (int) -velocityX, (int) -velocityY,
          min_left, max_left, min_top, max_top);

      return true;
    }
  }
2020-12-03