关于View滑动的几个方法

1、MotionEvent和TouchSlop

1) 通过MotionEvent对象我们可以得到点击事件发生的x和y坐标。为此,系统提供了两组方 法:getX/getY和getRawX/getRawY,它们的区别其实很简单,getX、getY返回的是相对于当前View左上角的x和y坐标,而getRawX/getRawY返回的是相对于手机屏幕左上角的x和y坐标。
2)TouchSlop
指系统能识别出的被认为是滑动的最小距离,小于这个值系统不认为这个是滑动事件。这个一个常量,跟设备有关,通过如下的方式即可获取常量:

ViewConfiguration.get(getContext()).getScaledTouchSlop();

这个 常量有什么意义呢?当我们出来滑动时,可以利用这个常量来做一些过滤,提高用户体验。

2、VelocityTracker、GestureDetector和Scroller

  1. VelocityTracker: 速度追踪,用于追踪手指在滑动过程中的速度,包括水平和垂直方向上的速度,使用过程很简单,首先在View的onTouchEvent方法中追踪当前单击事件的速度:
VelocityTracker velocityTracker = VelocityTracker.obtain();
velocityTracker.addMovement(event);

接着我们想知道当前滑动速度时,如下获取:

velocityTracker.computeCurrentVelocity(1000);
int  xVelocity = (int)velocityTracker.getXVelocity();
int  yVelocity = (int)velocityTracker.getYVelocity();

速度(这里的速度指当前时间内手指滑过的像素数)的计算可以用如下公式表示:
(终点位置-起点位置)/时间段(s)
所以速度有可能是负的。
最后,当不需要使用它的时候,需要调用clear方法来重置并回收内存:

velocityTracker.clear();
velocityTracker.recycle();
  1. GestureDetector:手势检测,用于辅助检测用户的单击、双击、滑动、长按等行为。
    首先,实例化一个GestureDetector,接着可以按需要注册OnGestureListener或者OnDoubleTapListener接口
GestureDetector mGestureDetector = new GestureDetector(mContext,
 new GestureDetector.OnGestureListener() {    
@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) {        return false;   
 }});
//解决长按屏幕后无法拖动的现象mGestureDetector.setIsLongpressEnabled(false);

接着,接管目标View的onTouchEvent方法,在待监听的View的onTouchEvent方法中添加如下实现:

boolean consume = mGestureDetector.onTouchEvent(event);
return consume;
  1. Scroller:实现View的弹性滑动,下面是其实现的典型代码。
Scroller mScroller = new Scroller(mContext);    
//缓慢移动到指定位置  
  private void smoothScrollTo(int destX,int destY){    
    int scrollX = getScrollX();     
   int deltax = destX - scrollX;        
/*  1000ms内滑向destx,效果就是慢慢滑动         
  前面两个参数表示要滑动的起始点,第三和第四个参数表示要滑动的距离   
 */       
 mScroller.startScroll(scrollX,0,deltax,0,1000);     
   invalidate();   
 } 
   @Override    
public void computeScroll(){     
   if(mScroller.computeScrollOffset()){                       
          scrollTo(mScroller.getCurrX(),mScroller.getCurrY());  
          postInvalidate();     
   }   
 }

这里先描述一下它的工作原理:当我们构造一个Scroller对象并且调用它的startScroll方法时,Scroller其实什么也没有做,他只是保存了我们传递的几个参数,这几个参数可以从startScroll的原型上看出来,如下所示:

public void startScroll(int startX, int startY, int dx, int dy, int duration) {   
 mMode = SCROLL_MODE;  
 mFinished = false;   
 mDuration = duration;  
 mStartTime = AnimationUtils.currentAnimationTimeMillis();  
 mStartX = startX;   
 mStartY = startY;   
 mFinalX = startX + dx;    
 mFinalY = startY + dy;  
 mDeltaX = dx;  
 mDeltaY = dy;   
 mDurationReciprocal = 1.0f / (float) mDuration;}

注意这里的滑动是View的内容滑动而非View本身位置的改变,可以看到,仅仅调用sartScroll方法是无法让View滑动的,因为他内部并没有做滑动相关的事,那Scroller到底是如何让View实现弹性滑动的呢?答案就是startScroll方法下面的invalidate方法。invalidate会导致View的重绘,在View的draw方法中又会去调用computeScroll方法,computeScroll方法在View中是一个空实现,因此需要我们自己去实现,正因为这个computeScroll方法,View才实现弹性滑动。这看起来还是很抽象其实是这样的:当View重绘后会在draw方法中调用computeScroll,而computeScroll方法又会去向Scroller获取当前的scrollX和scrollY,然后通过scrollTo方法实现滑动;接着又调用 postInvalidate()方法进行第二次重绘,这一次重绘的过程和第一次一样,又会导致computeScroll方法被调用;然后继续向Scroller方法获取当前的scrollX和scrollY,并通过scrollTo方法滑动到新位置,如此反复直到整个过程结束。

我们再看看Scroller的computeScrollOffset方法实现就豁然开朗了

public boolean computeScrollOffset() {
    if (mFinished) {   
     return false;   
 } 
   int timePassed = (int)(AnimationUtils.currentAnimationTimeMillis() - mStartTime); 
   if (timePassed < mDuration) {    
    switch (mMode) {     
   case SCROLL_MODE:        
    final float x = mInterpolator.getInterpolation(timePassed *mDurationReciprocal);  
   mCurrX = mStartX + Math.round(x * mDeltaX);          
   mCurrY = mStartY + Math.round(x * mDeltaY);          
  break;      
  case FLING_MODE:  
    ......
   return true;
}

你可能感兴趣的:(关于View滑动的几个方法)