详解Android应用开发中Scroller类的屏幕滑动功能运用

今天给大家介绍下Android中滑屏功能的一个基本实现过程以及原理初探,最后给大家重点讲解View视图中scrollTo 与scrollBy这两个函数的区别 。
 
首先 ,我们必须明白在Android View视图是没有边界的,Canvas是没有边界的,只不过我们通过绘制特定的View时对Canvas对象进行了一定的操作,例如 : translate(平移)、clipRect(剪切)等,以便达到我们的对该Canvas对象绘制的要求 ,我们可以将这种无边界的视图称为“视图坐标”-----它不受物理屏幕限制。通常我们所理解的一个Layout布局文件只是该视图的显示区域,超过了这个显示区域将不能显示到父视图的区域中 ,对应的,我们可以将这种有边界的视图称为“布局坐标”父视图给子视图分配的布局(layout)大小。而且, 一个视图的在屏幕的起始坐标位于视图坐标起始处,如下图所示。
 
这么来说吧 ,世界本是无边无界的,可是我们的眼睛我们的心约束了我们所看到的“世界” 。
 
如下所示:

黑色框框表示该子视图的布局坐标, 褐色框框表示该子视图的视图坐标--该坐标是无限的,超过了父视图给子视图规定的区域后,不再显示该超出内容。
 
那么下面的问题就是:如何将我们的视图的任意坐标能显示到该视图的中心坐标上呢? 由于该布局位置是只能显示特定的一块视图内容 ,因此我们需要通过scrollTo()或者scrollBy()方法将我们期望的视图“滚动”至布局坐标上。
 
      在View.java中提供了了如下两个变量以及相应的属性方法去读取滚动值 ,如下: View.java类中

/**
   * The offset, in pixels, by which the content of this view is scrolled
   * horizontally.
   * {@hide}
   */
  protected int mScrollX;  //该视图内容相当于视图起始坐标的偏移量  , X轴 方向
  /**
   * The offset, in pixels, by which the content of this view is scrolled
   * vertically.
   * {@hide}
   */
  protected int mScrollY;  //该视图内容相当于视图起始坐标的偏移量  , Y轴方向 

  /**
   * Return the scrolled left position of this view. This is the left edge of
   * the displayed part of your view. You do not need to draw any pixels
   * farther left, since those are outside of the frame of your view on
   * screen.
   *
   * @return The left edge of the displayed part of your view, in pixels.
   */
  public final int getScrollX() {
    return mScrollX;
  } 

  /**
   * Return the scrolled top position of this view. This is the top edge of
   * the displayed part of your view. You do not need to draw any pixels above
   * it, since those are outside of the frame of your view on screen.
   *
   * @return The top edge of the displayed part of your view, in pixels.
   */
  public final int getScrollY() {
    return mScrollY;
  }

注意,所谓的“by which the content of this view is scrolled”表示该偏移量只针对于该View中onDraw()方法里的具体内容实现,而不针对绘制背景图片等 。具体原因可参考<Android中View绘制流程以及invalidate()等相关方法分析>
 
提示:下文中提到的当前视图内容是在绘制在布局坐标处的内容。

public void scrollTo(int x, int y)

说明:在当前视图内容偏移至(x , y)坐标处,即显示(可视)区域位于(x , y)坐标处。
方法原型为: View.java类中

/**
 * Set the scrolled position of your view. This will cause a call to
 * {@link #onScrollChanged(int, int, int, int)} and the view will be
 * invalidated.
 * @param x the x position to scroll to
 * @param y the y position to scroll to
 */
public void scrollTo(int x, int y) {
  //偏移位置发生了改变
  if (mScrollX != x || mScrollY != y) {
    int oldX = mScrollX;
    int oldY = mScrollY;
    mScrollX = x; //赋新值,保存当前便宜量
    mScrollY = y;
    //回调onScrollChanged方法
    onScrollChanged(mScrollX, mScrollY, oldX, oldY);
    if (!awakenScrollBars()) {
      invalidate(); //一般都引起重绘
    }
  }
} 

   public void scrollBy(int x, int y)

说明:在当前视图内容继续偏移(x , y)个单位,显示(可视)区域也跟着偏移(x,y)个单位。方法原型为: View.java类中

/**
  * Move the scrolled position of your view. This will cause a call to
  * {@link #onScrollChanged(int, int, int, int)} and the view will be
  * invalidated.
  * @param x the amount of pixels to scroll by horizontally
  * @param y the amount of pixels to scroll by vertically
  */
 // 看出原因了吧 。。 mScrollX 与 mScrollY 代表我们当前偏移的位置 , 在当前位置继续偏移(x ,y)个单位
 public void scrollBy(int x, int y) {
   scrollTo(mScrollX + x, mScrollY + y);
 }

第一个小Demo非常简单 ,大家重点理解与掌握scrollTo() 与 scrollBy()函数的用法和区别。
第二个小Demo则有了Launcher的模样,能够左右切换屏幕 。实现功能如下: 采用了一个自定义ViewGroup,该ViewGroup对象包含了3个LinearLayout子视图,并且以一定的布局坐标(由layout()方法指定)显示在ViewGroup上。 接下来,即可调用该ViewGroup对象的scrollTo或者scrollBy()方法切换指定视图内容了,即切换屏幕。 呵呵 ,挺好玩的吧 。

自定义ViewGroup如下:

//自定义ViewGroup , 包含了三个LinearLayout控件,存放在不同的布局位置,通过scrollBy或者scrollTo方法切换
public class MultiViewGroup extends ViewGroup { 

  private Context mContext; 

  private static String TAG = "MultiViewGroup"; 

  public MultiViewGroup(Context context) {
    super(context);
    mContext = context;
    init();
  } 

  public MultiViewGroup(Context context, AttributeSet attrs) {
    super(context, attrs);
    mContext = context;
    init();
  } 

  private void init() {
    // 初始化3个 LinearLayout控件
    LinearLayout oneLL = new LinearLayout(mContext);
    oneLL.setBackgroundColor(Color.RED);
    addView(oneLL); 

    LinearLayout twoLL = new LinearLayout(mContext);
    twoLL.setBackgroundColor(Color.YELLOW);
    addView(twoLL); 

    LinearLayout threeLL = new LinearLayout(mContext);
    threeLL.setBackgroundColor(Color.BLUE);
    addView(threeLL);
  } 

  // measure过程
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 

    Log.i(TAG, "--- start onMeasure --"); 

    // 设置该ViewGroup的大小
    int width = MeasureSpec.getSize(widthMeasureSpec);
    int height = MeasureSpec.getSize(heightMeasureSpec);
    setMeasuredDimension(width, height); 

    int childCount = getChildCount();
    Log.i(TAG, "--- onMeasure childCount is -->" + childCount);
    for (int i = 0; i < childCount; i++) {
      View child = getChildAt(i);
      // 设置每个子视图的大小 , 即全屏
      child.measure(MultiScreenActivity.screenWidth, MultiScreenActivity.scrrenHeight);
    }
  } 

  // layout过程
  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    // TODO Auto-generated method stub
    Log.i(TAG, "--- start onLayout --");
    int startLeft = 0; // 每个子视图的起始布局坐标
    int startTop = 10; // 间距设置为10px 相当于 android:marginTop= "10px"
    int childCount = getChildCount();
    Log.i(TAG, "--- onLayout childCount is -->" + childCount);
    for (int i = 0; i < childCount; i++) {
      View child = getChildAt(i);
      child.layout(startLeft, startTop,
          startLeft + MultiScreenActivity.screenWidth,
          startTop + MultiScreenActivity.scrrenHeight);
      startLeft = startLeft + MultiScreenActivity.screenWidth ; //校准每个子View的起始布局位置
      //三个子视图的在屏幕中的分布如下 [0 , 320] / [320,640] / [640,960]
    }
  } 

}

关于scrollTo()和scrollBy()以及偏移坐标的设置/取值问题

scrollTo()和scrollBy()这两个方法的主要作用是将View/ViewGroup移至指定的坐标中,并且将偏移量保存起来。另外:
mScrollX 代表X轴方向的偏移坐标,mScrollY 代表Y轴方向的偏移坐标

关于偏移量的设置我们可以参看下源码:

package com.qin.customviewgroup; 

public class View {
  ....
  protected int mScrollX;  //该视图内容相当于视图起始坐标的偏移量  , X轴 方向
  protected int mScrollY;  //该视图内容相当于视图起始坐标的偏移量  , Y轴方向
  //返回值
  public final int getScrollX() {
    return mScrollX;
  }
  public final int getScrollY() {
    return mScrollY;
  }
  public void scrollTo(int x, int y) {
    //偏移位置发生了改变
    if (mScrollX != x || mScrollY != y) {
      int oldX = mScrollX;
      int oldY = mScrollY;
      mScrollX = x; //赋新值,保存当前便宜量
      mScrollY = y;
      //回调onScrollChanged方法
      onScrollChanged(mScrollX, mScrollY, oldX, oldY);
      if (!awakenScrollBars()) {
        invalidate(); //一般都引起重绘
      }
    }
  }
  // 看出原因了吧 。。 mScrollX 与 mScrollY 代表我们当前偏移的位置 , 在当前位置继续偏移(x ,y)个单位
  public void scrollBy(int x, int y) {
    scrollTo(mScrollX + x, mScrollY + y);
  }
  //...
}

于是,在任何时刻我们都可以获取该View/ViewGroup的偏移位置了,即调用getScrollX()方法和getScrollY()方法

Scroller类的介绍
在初次看Launcher滑屏的时候,我就对Scroller类的学习感到非常蛋疼,完全失去了继续研究的欲望。如今,没得办法,得重新看Launcher模块,基本上将Launcher大部分类以及功能给掌握了。当然,也花了一天时间来学习Launcher里的滑屏实现,基本上业是拨开云雾见真知了。
    
我们知道想把一个View偏移至指定坐标(x,y)处,利用scrollTo()方法直接调用就OK了,但我们不能忽视的是,该方法本身来的的副作用:非常迅速的将View/ViewGroup偏移至目标点,而没有对这个偏移过程有任何控制,对用户而言可能是不太友好的。于是,基于这种偏移控制,Scroller类被设计出来了,该类的主要作用是为偏移过程制定一定的控制流程(后面我们会知道的更多),从而使偏移更流畅,更完美。
  
可能上面说的比较悬乎,道理也没有讲透。下面我就根据特定情景帮助大家分析下:

情景: 从上海如何到武汉?
普通的人可能会想,so easy : 飞机、轮船、11路公交车...
文艺的人可能会想,  小 case : 时空忍术(火影的招数)、翻个筋斗(孙大圣的招数)...

不管怎么样,我们想出来的套路可能有两种:
1、有个时间控制过程才能抵达(缓慢的前进)、对应于Scroller的作用
假设做火车,这个过程可能包括: 火车速率,花费周期等;
2、瞬间抵达(超神太快了,都眩晕了,用户体验不太好)、对应于scrollTo()的作用
 
模拟Scroller类的实现功能:

假设从上海做动车到武汉需要10个小时,行进距离为1000km ,火车速率200/h 。采用第一种时间控制方法到达武汉的整个配合过程可能如下:我们每隔一段时间(例如1小时),计算火车应该行进的距离,然后调用scrollTo()方法,行进至该处。10小时过完后,我们也就达到了目的地了。相信大家心里应该有个感觉了。我们就分析下源码里去看看Scroller类的相关方法.
其源代码(部分)如下:
路径位于 \frameworks\base\core\java\android\widget\Scroller.java

public class Scroller { 

  private int mStartX;  //起始坐标点 , X轴方向
  private int mStartY;  //起始坐标点 , Y轴方向
  private int mCurrX;   //当前坐标点 X轴, 即调用startScroll函数后,经过一定时间所达到的值
  private int mCurrY;   //当前坐标点 Y轴, 即调用startScroll函数后,经过一定时间所达到的值 

  private float mDeltaX; //应该继续滑动的距离, X轴方向
  private float mDeltaY; //应该继续滑动的距离, Y轴方向
  private boolean mFinished; //是否已经完成本次滑动操作, 如果完成则为 true 

  //构造函数
  public Scroller(Context context) {
    this(context, null);
  }
  public final boolean isFinished() {
    return mFinished;
  }
  //强制结束本次滑屏操作
  public final void forceFinished(boolean finished) {
    mFinished = finished;
  }
  public final int getCurrX() {
    return mCurrX;
  }
   /* Call this when you want to know the new location. If it returns true,
   * the animation is not yet finished. loc will be altered to provide the
   * new location. */
  //根据当前已经消逝的时间计算当前的坐标点,保存在mCurrX和mCurrY值中
  public boolean computeScrollOffset() {
    if (mFinished) { //已经完成了本次动画控制,直接返回为false
      return false;
    }
    int timePassed = (int)(AnimationUtils.currentAnimationTimeMillis() - mStartTime);
    if (timePassed < mDuration) {
      switch (mMode) {
      case SCROLL_MODE:
        float x = (float)timePassed * mDurationReciprocal;
        ...
        mCurrX = mStartX + Math.round(x * mDeltaX);
        mCurrY = mStartY + Math.round(x * mDeltaY);
        break;
      ...
    }
    else {
      mCurrX = mFinalX;
      mCurrY = mFinalY;
      mFinished = true;
    }
    return true;
  }
  //开始一个动画控制,由(startX , startY)在duration时间内前进(dx,dy)个单位,即到达坐标为(startX+dx , startY+dy)出
  public void startScroll(int startX, int startY, int dx, int dy, int duration) {
    mFinished = false;
    mDuration = duration;
    mStartTime = AnimationUtils.currentAnimationTimeMillis();
    mStartX = startX;    mStartY = startY;
    mFinalX = startX + dx; mFinalY = startY + dy;
    mDeltaX = dx;      mDeltaY = dy;
    ...
  }
}

其中比较重要的两个方法为:

public void startScroll(int startX, int startY, int dx, int dy, int duration)

函数功能说明:根据当前已经消逝的时间计算当前的坐标点,保存在mCurrX和mCurrY值中

public void startScroll(int startX, int startY, int dx, int dy, int duration)

函数功能说明:开始一个动画控制,由(startX , startY)在duration时间内前进(dx,dy)个单位,到达坐标为 (startX+dx , startY+dy)处。

PS : 强烈建议大家看看该类的源码,便于后续理解。

computeScroll()方法介绍

为了易于控制滑屏控制,Android框架提供了 computeScroll()方法去控制这个流程。在绘制View时,会在draw()过程调用该方法。因此, 再配合使用Scroller实例,我们就可以获得当前应该的偏移坐标,手动使View/ViewGroup偏移至该处。

   computeScroll()方法原型如下,该方法位于ViewGroup.java类中
/**
   * Called by a parent to request that a child update its values for mScrollX
   * and mScrollY if necessary. This will typically be done if the child is
   * animating a scroll using a {@link android.widget.Scroller Scroller}
   * object.
   */由父视图调用用来请求子视图根据偏移值 mScrollX,mScrollY重新绘制
  public void computeScroll() { //空方法 ,自定义ViewGroup必须实现方法体 

  }

为了实现偏移控制,一般自定义View/ViewGroup都需要重载该方法 。其调用过程位于View绘制流程draw()过程中,如下

:@Override protected void dispatchDraw(Canvas canvas){
  ... 

  for (int i = 0; i < count; i++) {
    final View child = children[getChildDrawingOrder(count, i)];
    if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null) {
      more |= drawChild(canvas, child, drawingTime);
    }
  }
}
protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
  ...
  child.computeScroll();
  ...
}

Demo说明:
我们简单的复用了之前写的一个自定义ViewGroup,与以前一次有区别的是,我们没有调用scrollTo()方法去进行瞬间偏移。 本次做法如下:
第一、调用Scroller实例去产生一个偏移控制(对应于startScroll()方法)
第二、手动调用invalid()方法去重新绘制,剩下的就是在 computeScroll()里根据当前已经逝去的时间,获取当前应该偏移的坐标(由Scroller实例对应的computeScrollOffset()计算而得),
第三、当前应该偏移的坐标,调用scrollBy()方法去缓慢移动至该坐标处。

附:由于滑动截屏很难,只是简单的截取了两个个静态图片,触摸的话可以实现左右滑动切屏了。

//自定义ViewGroup , 包含了三个LinearLayout控件,存放在不同的布局位置,通过scrollBy或者scrollTo方法切换
public class MultiViewGroup extends ViewGroup {
  ...
  //startScroll开始移至下一屏
  public void startMove(){
    curScreen ++ ;
    Log.i(TAG, "----startMove---- curScreen " + curScreen); 

    //使用动画控制偏移过程 , 3s内到位
    mScroller.startScroll((curScreen-1) * getWidth(), 0, getWidth(), 0,3000);
    //其实点击按钮的时候,系统会自动重新绘制View,我们还是手动加上吧。
    invalidate();
    //使用scrollTo一步到位
    //scrollTo(curScreen * MultiScreenActivity.screenWidth, 0);
  }
  // 由父视图调用用来请求子视图根据偏移值 mScrollX,mScrollY重新绘制
  @Override
  public void computeScroll() {
    // TODO Auto-generated method stub
    Log.e(TAG, "computeScroll");
    // 如果返回true,表示动画还没有结束
    // 因为前面startScroll,所以只有在startScroll完成时 才会为false
    if (mScroller.computeScrollOffset()) {
      Log.e(TAG, mScroller.getCurrX() + "======" + mScroller.getCurrY());
      // 产生了动画效果,根据当前值 每次滚动一点
      scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 

      Log.e(TAG, "### getleft is " + getLeft() + " ### getRight is " + getRight());
      //此时同样也需要刷新View ,否则效果可能有误差
      postInvalidate();
    }
    else
      Log.i(TAG, "have done the scoller -----");
  }
  //马上停止移动,如果已经超过了下一屏的一半,我们强制滑到下一个屏幕
  public void stopMove(){ 

    Log.v(TAG, "----stopMove ----"); 

    if(mScroller != null){
      //如果动画还没结束,我们就按下了结束的按钮,那我们就结束该动画,即马上滑动指定位置
      if(!mScroller.isFinished()){ 

        int scrollCurX= mScroller.getCurrX() ;
        //判断是否超过下一屏的中间位置,如果达到就抵达下一屏,否则保持在原屏幕
        // 这样的一个简单公式意思是:假设当前滑屏偏移值即 scrollCurX 加上每个屏幕一半的宽度,除以每个屏幕的宽度就是
        // 我们目标屏所在位置了。 假如每个屏幕宽度为320dip, 我们滑到了500dip处,很显然我们应该到达第二屏,索引值为1
        //即(500 + 320/2)/320 = 1
        int descScreen = ( scrollCurX + getWidth() / 2) / getWidth() ; 

        Log.i(TAG, "-mScroller.is not finished scrollCurX +" + scrollCurX);
        Log.i(TAG, "-mScroller.is not finished descScreen +" + descScreen);
        mScroller.abortAnimation(); 

        //停止了动画,我们马上滑倒目标位置
        scrollTo(descScreen *getWidth() , 0);
        curScreen = descScreen ; //纠正目标屏位置
      }
      else
        Log.i(TAG, "----OK mScroller.is finished ---- ");
    }
  }
  ...
}

如何实现触摸滑屏?

其实网上有很多关于Launcher实现滑屏的博文,基本上也把道理阐释的比较明白了 。我这儿也是基于自己的理解,将一些
重要方面的知识点给补充下,希望能帮助大家理解。想要实现滑屏操作,值得考虑的事情包括如下几个方面:

其中:onInterceptTouchEvent()主要功能是控制触摸事件的分发,例如是子视图的点击事件还是滑动事件。其他所有处理过程均在onTouchEvent()方法里实现了。
1、屏幕的滑动要根据手指的移动而移动  ---- 主要实现在onTouchEvent()方法中
2、当手指松开时,可能我们并没有完全滑动至某个屏幕上,这是我们需要手动判断当前偏移至去计算目标屏(当前屏或者前后屏),并且优雅的偏移到目标屏(当然是用Scroller实例咯)。
3、调用computeScroll ()去实现缓慢移动过程。
 
知识点介绍:             
VelocityTracker类
功能:  根据触摸位置计算每像素的移动速率。
常用方法有:    
public void addMovement (MotionEvent ev)
功能:添加触摸对象MotionEvent , 用于计算触摸速率。  
public void computeCurrentVelocity (int units)
功能:以每像素units单位考核移动速率。额,其实我也不太懂,赋予值1000即可。
参照源码 该units的意思如下:
参数 units : The units you would like the velocity in.  A value of 1
provides pixels per millisecond, 1000 provides pixels per second, etc.
public float getXVelocity ()
功能:获得X轴方向的移动速率。
ViewConfiguration类
功能: 获得一些关于timeouts(时间)、sizes(大小)、distances(距离)的标准常量值 。
常用方法:
public int getScaledEdgeSlop()
说明:获得一个触摸移动的最小像素值。也就是说,只有超过了这个值,才代表我们该滑屏处理了。
public static int getLongPressTimeout()
说明:获得一个执行长按事件监听(onLongClickListener)的值。也就是说,对某个View按下触摸时,只有超过了这个时间值在,才表示我们该对该View回调长按事件了;否则,小于这个时间点松开手指,只执行onClick监听
 
 
我能写下来的也就这么多了,更多的东西参考代码注释吧。 在掌握了上面我罗列的知识后(重点scrollTo、Scroller类),其他方面的知识都是关于点与点之间的计算了以及触摸事件的分发了。这方面感觉也没啥可写的。

//自定义ViewGroup , 包含了三个LinearLayout控件,存放在不同的布局位置,通过scrollBy或者scrollTo方法切换
public class MultiViewGroup extends ViewGroup { 

  private static String TAG = "MultiViewGroup"; 

  private int curScreen = 0 ; //当前屏幕
  private Scroller mScroller = null ; //Scroller对象实例 

  public MultiViewGroup(Context context) {
    super(context);
    mContext = context;
    init();
  }
  public MultiViewGroup(Context context, AttributeSet attrs) {
    super(context, attrs);
    mContext = context;
    init();
  }
  //初始化
  private void init() {
    ...
    //初始化Scroller实例
    mScroller = new Scroller(mContext);
    // 初始化3个 LinearLayout控件
    ...
    //初始化一个最小滑动距离
    mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
  }
  // 由父视图调用用来请求子视图根据偏移值 mScrollX,mScrollY重新绘制
  @Override
  public void computeScroll() {
    // TODO Auto-generated method stub
    Log.e(TAG, "computeScroll");
    // 如果返回true,表示动画还没有结束
    // 因为前面startScroll,所以只有在startScroll完成时 才会为false
    if (mScroller.computeScrollOffset()) {
      Log.e(TAG, mScroller.getCurrX() + "======" + mScroller.getCurrY());
      // 产生了动画效果,根据当前值 每次滚动一点
      scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 

      Log.e(TAG, "### getleft is " + getLeft() + " ### getRight is " + getRight());
      //此时同样也需要刷新View ,否则效果可能有误差
      postInvalidate();
    }
    else
      Log.i(TAG, "have done the scoller -----");
  }
  //两种状态: 是否处于滑屏状态
  private static final int TOUCH_STATE_REST = 0; //什么都没做的状态
  private static final int TOUCH_STATE_SCROLLING = 1; //开始滑屏的状态
  private int mTouchState = TOUCH_STATE_REST; //默认是什么都没做的状态
  //--------------------------
  //处理触摸事件 ~
  public static int SNAP_VELOCITY = 600 ; //最小的滑动速率
  private int mTouchSlop = 0 ;       //最小滑动距离,超过了,才认为开始滑动
  private float mLastionMotionX = 0 ;    //记住上次触摸屏的位置
  //处理触摸的速率
  private VelocityTracker mVelocityTracker = null ; 

  // 这个感觉没什么作用 不管true还是false 都是会执行onTouchEvent的 因为子view里面onTouchEvent返回false了
  @Override
  public boolean onInterceptTouchEvent(MotionEvent ev) {
    // TODO Auto-generated method stub
    Log.e(TAG, "onInterceptTouchEvent-slop:" + mTouchSlop); 

    final int action = ev.getAction();
    //表示已经开始滑动了,不需要走该Action_MOVE方法了(第一次时可能调用)。
    //该方法主要用于用户快速松开手指,又快速按下的行为。此时认为是出于滑屏状态的。
    if ((action == MotionEvent.ACTION_MOVE) && (mTouchState != TOUCH_STATE_REST)) {
      return true;
    } 

    final float x = ev.getX();
    final float y = ev.getY(); 

    switch (action) {
    case MotionEvent.ACTION_MOVE:
      Log.e(TAG, "onInterceptTouchEvent move");
      final int xDiff = (int) Math.abs(mLastionMotionX - x);
      //超过了最小滑动距离,就可以认为开始滑动了
      if (xDiff > mTouchSlop) {
        mTouchState = TOUCH_STATE_SCROLLING;
      }
      break; 

    case MotionEvent.ACTION_DOWN:
      Log.e(TAG, "onInterceptTouchEvent down");
      mLastionMotionX = x;
      mLastMotionY = y;
      Log.e(TAG, mScroller.isFinished() + "");
      mTouchState = mScroller.isFinished() ? TOUCH_STATE_REST : TOUCH_STATE_SCROLLING; 

      break; 

    case MotionEvent.ACTION_CANCEL:
    case MotionEvent.ACTION_UP:
      Log.e(TAG, "onInterceptTouchEvent up or cancel");
      mTouchState = TOUCH_STATE_REST;
      break;
    }
    Log.e(TAG, mTouchState + "====" + TOUCH_STATE_REST);
    return mTouchState != TOUCH_STATE_REST;
  }
  public boolean onTouchEvent(MotionEvent event){ 

    super.onTouchEvent(event); 

    Log.i(TAG, "--- onTouchEvent--> " ); 

    // TODO Auto-generated method stub
    Log.e(TAG, "onTouchEvent start");
    //获得VelocityTracker对象,并且添加滑动对象
    if (mVelocityTracker == null) {
      mVelocityTracker = VelocityTracker.obtain();
    }
    mVelocityTracker.addMovement(event); 

    //触摸点
    float x = event.getX();
    float y = event.getY();
    switch(event.getAction()){
    case MotionEvent.ACTION_DOWN:
      //如果屏幕的动画还没结束,你就按下了,我们就结束上一次动画,即开始这次新ACTION_DOWN的动画
      if(mScroller != null){
        if(!mScroller.isFinished()){
          mScroller.abortAnimation();
        }
      }
      mLastionMotionX = x ; //记住开始落下的屏幕点
      break ;
    case MotionEvent.ACTION_MOVE:
      int detaX = (int)(mLastionMotionX - x ); //每次滑动屏幕,屏幕应该移动的距离
      scrollBy(detaX, 0);//开始缓慢滑屏咯。 detaX > 0 向右滑动 , detaX < 0 向左滑动 , 

      Log.e(TAG, "--- MotionEvent.ACTION_MOVE--> detaX is " + detaX );
      mLastionMotionX = x ;
      break ;
    case MotionEvent.ACTION_UP: 

      final VelocityTracker velocityTracker = mVelocityTracker ;
      velocityTracker.computeCurrentVelocity(1000);
      //计算速率
      int velocityX = (int) velocityTracker.getXVelocity() ;
      Log.e(TAG , "---velocityX---" + velocityX); 

      //滑动速率达到了一个标准(快速向右滑屏,返回上一个屏幕) 马上进行切屏处理
      if (velocityX > SNAP_VELOCITY && curScreen > 0) {
        // Fling enough to move left
        Log.e(TAG, "snap left");
        snapToScreen(curScreen - 1);
      }
      //快速向左滑屏,返回下一个屏幕)
      else if(velocityX < -SNAP_VELOCITY && curScreen < (getChildCount()-1)){
        Log.e(TAG, "snap right");
        snapToScreen(curScreen + 1);
      }
      //以上为快速移动的 ,强制切换屏幕
      else{
        //我们是缓慢移动的,因此先判断是保留在本屏幕还是到下一屏幕
        snapToDestination();
      }
      //回收VelocityTracker对象
      if (mVelocityTracker != null) {
        mVelocityTracker.recycle();
        mVelocityTracker = null;
      }
      //修正mTouchState值
      mTouchState = TOUCH_STATE_REST ; 

      break;
    case MotionEvent.ACTION_CANCEL:
      mTouchState = TOUCH_STATE_REST ;
      break;
    } 

    return true ;
  }
  ////我们是缓慢移动的,因此需要根据偏移值判断目标屏是哪个?
  private void snapToDestination(){
    //当前的偏移位置
    int scrollX = getScrollX() ;
    int scrollY = getScrollY() ; 

    Log.e(TAG, "### onTouchEvent snapToDestination ### scrollX is " + scrollX);
    //判断是否超过下一屏的中间位置,如果达到就抵达下一屏,否则保持在原屏幕
    //直接使用这个公式判断是哪一个屏幕 前后或者自己
    //判断是否超过下一屏的中间位置,如果达到就抵达下一屏,否则保持在原屏幕
    // 这样的一个简单公式意思是:假设当前滑屏偏移值即 scrollCurX 加上每个屏幕一半的宽度,除以每个屏幕的宽度就是
    // 我们目标屏所在位置了。 假如每个屏幕宽度为320dip, 我们滑到了500dip处,很显然我们应该到达第二屏
    int destScreen = (getScrollX() + MultiScreenActivity.screenWidth / 2 ) / MultiScreenActivity.screenWidth ; 

    Log.e(TAG, "### onTouchEvent ACTION_UP### dx destScreen " + destScreen); 

    snapToScreen(destScreen);
  }
  //真正的实现跳转屏幕的方法
  private void snapToScreen(int whichScreen){
    //简单的移到目标屏幕,可能是当前屏或者下一屏幕
    //直接跳转过去,不太友好
    //scrollTo(mLastScreen * MultiScreenActivity.screenWidth, 0);
    //为了友好性,我们在增加一个动画效果
    //需要再次滑动的距离 屏或者下一屏幕的继续滑动距离 

    curScreen = whichScreen ;
    //防止屏幕越界,即超过屏幕数
    if(curScreen > getChildCount() - 1)
      curScreen = getChildCount() - 1 ;
    //为了达到下一屏幕或者当前屏幕,我们需要继续滑动的距离.根据dx值,可能想左滑动,也可能像又滑动
    int dx = curScreen * getWidth() - getScrollX() ; 

    Log.e(TAG, "### onTouchEvent ACTION_UP### dx is " + dx); 

    mScroller.startScroll(getScrollX(), 0, dx, 0,Math.abs(dx) * 2); 

    //由于触摸事件不会重新绘制View,所以此时需要手动刷新View 否则没效果
    invalidate();
  }
  //开始滑动至下一屏
  public void startMove(){
    ...
  }
  //理解停止滑动
  public void stopMove(){
    ...
  }
  // measure过程
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    ...
  }
  // layout过程
  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    ...
  }
}
(0)

相关推荐

  • Android自定义ViewGroup实现带箭头的圆角矩形菜单

    本文和大家一起做一个带箭头的圆角矩形菜单,大概长下面这个样子: 要求顶上的箭头要对准菜单锚点,菜单项按压反色,菜单背景色和按压色可配置. 最简单的做法就是让UX给个三角形的图片往上一贴,但是转念一想这样是不是太low了点,而且不同分辨率也不太好适配,干脆自定义一个ViewGroup吧! 自定义ViewGroup其实很简单,基本都是按一定的套路来的. 一.定义一个attrs.xml 就是声明一下你的这个自定义View有哪些可配置的属性,将来使用的时候可以自由配置.这里声明了7个属性,分别是:箭头宽

  • Android中ScrollView实现滑动距离监听器的方法

    前言 众所周知ScrollView是我们经常使用的一个UI控件,也许你在使用ScrollView的过程中会发现,当你想监听ScrollView滑动的距离时却没有合适的监听器!当然在API 23中有setOnScrollChangeListener(View.OnScrollChangeListener l)可以使用,但是并不兼容低版本的API.那怎么办呢?只好重写ScrollView来实现对滑动距离的监听了. 话不多说,直接上代码: public class MyScrollView exten

  • Android HorizontalScrollView左右滑动效果

    本文实例为大家分享了Android HorizontalScrollView左右滑动的具体代码,供大家参考,具体内容如下 效果图 一.什么是HorizontalScrollView HorizontalScrollView实际上是一个FrameLayout ,这意味着你只能在它下面放置一个子控件 ,这个子控件可以包含很多数据内容.有可能这个子控件本身就是一个布局控件,可以包含非常多的其他用来展示数据的控件.这个布局控件一般使用的是一个水平布局的LinearLayout.TextView也是一个可

  • Android自定义ViewGroup实现标签浮动效果

    前面在学习鸿洋大神的一些自定义的View文章,看到了自定义ViewGroup实现浮动标签,初步看了下他的思路以及结合自己的思路完成了自己的浮动标签的自定义ViewGroup.目前实现的可以动态添加标签.可点击.效果图如下: 1.思路  首先在onMeasure方法中测量ViewGroup的宽和高,重点是处理当我们自定义的ViewGroup设置为wrap_content的情况下,如何去测量其大小的问题.当我们自定义的ViewGroup设置为wrap_content时,我们需要让子View先去测量自

  • Android中实现监听ScrollView滑动事件

    时候我们需要监听ScroView的滑动情况,比如滑动了多少距离,是否滑到布局的顶部或者底部.可惜的是SDK并没有相应的方法,不过倒是提供了一个 复制代码 代码如下: protected void onScrollChanged(int x, int y, int oldx, int oldy) 方法,显然这个方法是不能被外界调用的,因此就需要把它暴露出去,方便使用.解决方式就是写一个接口, 复制代码 代码如下: package com.example.demo1;    public inter

  • Android自定义ViewGroup之实现FlowLayout流式布局

    整理总结自鸿洋的博客:http://blog.csdn.net/lmj623565791/article/details/38352503/  一.FlowLayout介绍  所谓FlowLayout,就是控件根据ViewGroup的宽,自动的往右添加,如果当前行剩余空间不足,则自动添加到下一行.有点像所有的控件都往左飘的感觉,第一行满了,往第二行飘~所以也叫流式布局.Android并没有提供流式布局,但是某些场合中,流式布局还是非常适合使用的,比如关键字标签,搜索热词列表等,比如下图: git

  • Android ScrollView滑动实现仿QQ空间标题栏渐变

    今天来研究的是ScrollView-滚动视图,滚动视图又分横向滚动视图(HorizontalScrollView)和纵向滚动视图(ScrollView),今天主要研究纵向的.相信大家在开发中经常用到,ScrollView的功能已经很强大了,但是仍然满足不了我们脑洞大开的UI设计师们,所以我们要自定义-本篇文章主要讲监听ScrollView的滑动实现仿QQ空间标题栏渐变,先看一下效果图: 好了我们切入主题. 有可能你不知道的那些ScrollView属性  •android:scrollbars 设

  • Android中Toolbar随着ScrollView滑动透明度渐变效果实现

    Android中Toolbar随着ScrollView滑动透明度渐变效果实现 一.思路:监听ScrollView的滑动事件 不断的修改Toolbar的透明度 二.注意 1.ScrollView 6.0以前没有scrollView.setOnScrollChangeListener(l)方法  所以要自定义ScrollView 在onScrollChanged()中监听 2.ScrollView 6.0(23)以前没有scrollView.setOnScrollChangeListener()方法

  • Android继承ViewGroup实现Scroll滑动效果的方法示例

    本文实例讲述了Android继承ViewGroup实现Scroll滑动效果的方法.分享给大家供大家参考,具体如下: extends ViewGroup需要重写onMeasure和onLayout方法 onMeasure方法是去测量ViewGroup需要的大小以及包含的子View需要的大小. 执行完上面的方法后,再执行onLayout方法去设置子View的摆放位置. 实现Scroll滑动效果需要去检测滑动速率,即要知道每个单位时间滑动了多少像素值,根据这个像素值去判断Scroll滑动到下一页还是上

  • Android编程重写ViewGroup实现卡片布局的方法

    本文实例讲述了Android编程重写ViewGroup实现卡片布局的方法.分享给大家供大家参考,具体如下: 实现效果如图: 实现思路 1. 重写onMeasure(int widthMeasureSpec, int heightMeasureSpec)设置每个子View的大小 2. 重写onLayout(boolean changed, int l, int t, int r, int b) 设置每个子View的位置 第一步:新建FlowLayout继承ViewGroup package com

  • Android App开发中自定义View和ViewGroup的实例教程

    View Android所有的控件都是View或者View的子类,它其实表示的就是屏幕上的一块矩形区域,用一个Rect来表示,left,top表示View相对于它的parent View的起点,width,height表示View自己的宽高,通过这4个字段就能确定View在屏幕上的位置,确定位置后就可以开始绘制View的内容了. View绘制过程 View的绘制可以分为下面三个过程: Measure View会先做一次测量,算出自己需要占用多大的面积.View的Measure过程给我们暴露了一个

  • Android 触摸事件监听(Activity层,ViewGroup层,View层)详细介绍

    Android不同层次的触摸事件监听 APP开发中,经常会遇到有关手势处理的操作,比如向右滑动返回上一个页面.关于触摸事件的处理,我们可以大概处理在不同的层次上. Activity层:可以看做触摸事件获取的最顶层 ViewGroup层:ViewGroup层可以自主控制是否让子View获取触摸事件 View层:可以决定自己是否真正的消费触摸事件,如果不消费抛给上层ViewGroup Activity级别的手势监听:(右滑动返回上层界面) Activity层手势监听的使用场景:一般用于当前页面中没有

随机推荐