android中实现view可以滑动的六种方法续篇（一）

承接上一篇，如果你没有读过前四章方法，可以点击下面的链接：

http://www.cnblogs.com/fuly550871915/p/4985053.html

下面开始讲第五中方法。

五、利用Scroller类实现滑动

（1）基础知识总结

为了便于下面的阅读代码，先来总结一下关于Scroller类的基础知识。利用Scroller类实现滑动，需要三个步骤：

步骤一：
     初始化Scroller对象，即mScroller = new Scroller(context)
步骤二：
     重写computeScroll()方法，实现模拟滑动。可以复制下面的末模板代码：

public void computeScroll() {
            super.computeScroll();

            if(mScroller.computeScrollOffset())
            {
                ((View)getParent()).scrollTo(mScroller.getCurrX(),
                        mScroller.getCurrY());
            }

            invalidate();//必须要调用
        }

步骤三：
     开启模拟过程，在合适的地方（一般都在move中）startScroll方法。它有两个重载方法如下：
     startScroll(int startX,int startY, int dx,int dy,int duration)
     startScroll(int startX,int startY,int dx,int dy)
     方法中的参数无需多解释了，就是起始坐标与偏移量，还有完成偏移的时间而已。

需要说明的是：（1）computeScrollOffset方法用来判断是否完成了整个滑动，返回为true，则说明没有完成，否则则完成滑动。

（2）getCurrY以及getCurrX获得的是当前的滑动坐标。

（3）最后必须要用invalidate方法来刷新。因为computeScroll方法不会自动调用，是在draw方法中被调用的。所以

必须使用invalidate刷新，就会调用draw方法，自然就会调用computeScroll方法了。这样子就会实现循环调用。

（4）在startScroll中，偏移量跟使用scrollBy方法中的偏移量用法是一样的，即也必须填写你实际想要移动距离的相

反数。也就是你实际想让它偏移一个正值，这里就填写它相应的负值，如果想偏移一个负值，这里就填写相应的

正值！

（2）代码实践

有些东西还是需要在真正的代码中才能说的明白的。我们接着上一篇文章的代码继续编写。为了看清Scroller类是如何实现滑动的，我们

再次修改DragView的代码。这次修改的有些多。贴完整的代码出来。如下：

 package com.example.testdragview;

 import android.content.Context;
 import android.util.AttributeSet;
 import android.view.MotionEvent;
 import android.view.View;
 import android.widget.Scroller;

 public class DragView extends View{

     private int lastX;
     private int lastY;
     private Scroller mScroller;

     public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
         super(context, attrs, defStyleAttr);

         mScroller = new Scroller(context);
20     }

     public DragView(Context context, AttributeSet attrs) {
         super(context, attrs);
         mScroller = new Scroller(context);
     }

     public DragView(Context context) {
         super(context);
         mScroller = new Scroller(context);
     }

     public boolean onTouchEvent(MotionEvent event) {

         //获取到手指处的横坐标和纵坐标
         int x = (int) event.getX();
         int y = (int) event.getY();

         switch(event.getAction())
         {
         case MotionEvent.ACTION_DOWN:

             lastX = x;
             lastY = y;
             break;

         case MotionEvent.ACTION_MOVE:

             //计算移动的距离
             int offX = x - lastX;
             int offY = y - lastY;

             View viewGroup = (View) getParent();
56
57             //开启滑动
58             mScroller.startScroll(viewGroup.getScrollX(),
59                     viewGroup.getScrollY(), -offX, -offY);
60
             break;

         case MotionEvent.ACTION_UP:

             break;
         }
         return true;
     }

         public void computeScroll() {
73             super.computeScroll();
74
75             if(mScroller.computeScrollOffset())
76             {
77                 ((View)getParent()).scrollTo(mScroller.getCurrX(),
78                         mScroller.getCurrY());
79             }
80
81             invalidate();//必须要调用
82         }
 }

红色部分就是修改的核心代码了。需要说明的是，在开启滑动的代码中，即第58行，使用的是在父视图中使用getScrollX和getScrollY获取

所滑动到的点的坐标。而getScollX和getScrollY正是从computeScroll中的scrollTo方法中传递过来的。通过阅读源码你可以很清晰的看到这个

过程。我贴两张源码图吧，如下：

                               

上图中观察mScrollX的传递过程，确实如上面我所说的。

而且在开启滑动的代码中，注意我们将偏移量可是都设定为负值了哦！（正如我上面所讲的设定为相反数即可）。

好了，关于代码的解释，就讲这么多，其他的都很好理解了。现在就运行程序，效果如下：

值得注意的是，我们的的DragView（即红色的块块）并不是即时跟随鼠标的滑动，在真机上这个效果将会更加突出！！其实这就是

Scrollerl类的滑动特点！即手指到达某一位置后，view会随后再平滑的到达这个位置，也就是说并不是view和手指一起到达指定位置的。

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

因此，一般并不利用Scroller类实现滑动，因为它不是即时的。但却经常用它来实现手指抬起后，view回到初始位置！

来修改下DragView看看怎么实现这个效果。代码如下：

 package com.example.testdragview;

 import android.content.Context;
 import android.util.AttributeSet;
 import android.view.MotionEvent;
 import android.view.View;
 import android.widget.Scroller;

 public class DragView extends View{

     private int lastX;
     private int lastY;
     private Scroller mScroller;

     public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
         super(context, attrs, defStyleAttr);

         mScroller = new Scroller(context);
     }

     public DragView(Context context, AttributeSet attrs) {
         super(context, attrs);
         mScroller = new Scroller(context);
     }

     public DragView(Context context) {
         super(context);
         mScroller = new Scroller(context);
     }

     public boolean onTouchEvent(MotionEvent event) {

         //获取到手指处的横坐标和纵坐标
         int x = (int) event.getX();
         int y = (int) event.getY();

         switch(event.getAction())
         {
         case MotionEvent.ACTION_DOWN:

             lastX = x;
             lastY = y;
             break;

         case MotionEvent.ACTION_MOVE:

             //计算移动的距离
             int offX = x - lastX;
             int offY = y - lastY;

              ((View) getParent()).scrollBy(-offX,- offY);

             break;

         case MotionEvent.ACTION_UP:

             View viewGroup = (View) getParent();
62
63             //开启滑动,让其回到原点
64             mScroller.startScroll(viewGroup.getScrollX(),
65                     viewGroup.getScrollY(),
66                     -viewGroup.getScrollX() ,-viewGroup.getScrollY() );
67
             break;
         }
         return true;
     }

         public void computeScroll() {
             super.computeScroll();

             if(mScroller.computeScrollOffset())
             {
                 ((View)getParent()).scrollTo(mScroller.getCurrX(),
                         mScroller.getCurrY());
             }

             invalidate();//必须要调用
         }
 }

红色部分依旧是修改的核心代码。这里主要就是将实现的滑动效果替换成了用scrollBy来实现即时滑动，然后在手指抬起的up方法中，利用

Scoller类将view放回原来位置！运行一下，看看效果，如下：

如上图所示，只要鼠标一抬起，红色块块就会立刻回到原来位置！怎么样不错吧。

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

好了，关于这个Scroller类的使用，就讲到这里。上面的代码基本都可以当做是模板代码了，需要的时候过来看看复制一下吧。

未完待续.....（最后一种方法）