API:
1 mScroller.getCurrX() //获取mScroller当前水平滚动的位置 2 mScroller.getCurrY() //获取mScroller当前竖直滚动的位置 3 mScroller.getFinalX() //获取mScroller最终停止的水平位置 4 mScroller.getFinalY() //获取mScroller最终停止的竖直位置 5 mScroller.setFinalX(int newX) //设置mScroller最终停留的水平位置,没有动画效果,直接跳到目标位置 6 mScroller.setFinalY(int newY) //设置mScroller最终停留的竖直位置,没有动画效果,直接跳到目标位置 7 8 //滚动,startX, startY为开始滚动的位置,dx,dy为滚动的偏移量, duration为完成滚动的时间 9 mScroller.startScroll(int startX, int startY, int dx, int dy) //使用默认完成时间250ms 10 mScroller.startScroll(int startX, int startY, int dx, int dy, int duration) 11 12 mScroller.computeScrollOffset() //返回值为boolean,true说明滚动尚未完成,false说明滚动已经完成。这是一个很重要的方法,通常放在View.computeScroll()中,用来判断是否滚动是否结束。
先上源代码:
1 import android.content.Context; 2 import android.util.AttributeSet; 3 import android.util.Log; 4 import android.view.View; 5 import android.widget.LinearLayout; 6 import android.widget.Scroller; 7 8 public class CustomView extends LinearLayout { 9 10 private static final String TAG = "Scroller"; 11 12 private Scroller mScroller; 13 14 public CustomView(Context context, AttributeSet attrs) { 15 super(context, attrs); 16 mScroller = new Scroller(context); 17 } 18 19 //调用此方法滚动到目标位置 20 public void smoothScrollTo(int fx, int fy) { 21 int dx = fx - mScroller.getFinalX(); 22 int dy = fy - mScroller.getFinalY(); 23 smoothScrollBy(dx, dy); 24 } 25 26 //调用此方法设置滚动的相对偏移 27 public void smoothScrollBy(int dx, int dy) { 28 29 //设置mScroller的滚动偏移量 30 mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy); 31 invalidate();//这里必须调用invalidate()才能保证computeScroll()会被调用,否则不一定会刷新界面,看不到滚动效果 32 } 33 34 @Override 35 public void computeScroll() { 36 37 //先判断mScroller滚动是否完成 38 if (mScroller.computeScrollOffset()) { 39 40 //这里调用View的scrollTo()完成实际的滚动 41 scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 42 43 //必须调用该方法,否则不一定能看到滚动效果 44 postInvalidate(); 45 } 46 super.computeScroll(); 47 } 48 }
我们先来看一下,Scroller,这个对象里有startScroll方法
void android.widget.Scroller.startScroll(int startX, int startY, int dx, int dy, int duration)
第一个参数是起始移动的x坐标值,第二个是起始移动的y坐标值,第三个第四个参数都是移到某点的坐标值,而duration 当然就是执行移动的时间。这个有什么用呢。要知道有什么用还得再看一个方法
boolean android.widget.Scroller.computeScrollOffset()
有了这两个方法还不够,我们还需要再重写viewGroup的一个方法,
computeScroll 这个方法什么时候会被调用呢
官网上这样说的
public void computeScroll ()
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 Scroller
object.
当我们执行ontouch或invalidate()或postInvalidate()都会导致这个方法的执行
所以我们像下面这样调用,postInvalidate执行后,会去调computeScroll 方法,而这个方法里再去调postInvalidate,这样就可以不断地去调用scrollTo方法了,直到mScroller动画结束,当然第一次时,我们需要手动去调用一次postInvalidate才会去调用
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
在弄明白滚动的原理之前,需要先明白computeScroll() 这个方法。
computeScroll()是View类的一个空函数,在父容器重画自己的孩子时,它会调用孩子的computScroll方法。所以这个computeScroll()函数正是我们大展身手的地方,在这个函数里我们可以去取得事先设置好的成员变量mScroller中的位置信息、速度信息等等,用这些参数来做我们想做的事情。
然后放下代码,先考虑几个问题:
1.如何触发滚动?
2.谁要滚动?或者说哪个View要滚动?
3.从哪滚到哪?滚多久?
4.怎么滚动?
如上,一一分析这四个问题:
1.按钮的点击事件触发了滚动
3.mScroller.startScroll()方法定义了滚动的路径和时间
好,1没问题,3也没问题,问题是2和4。
先看问题2:谁要滚动?
我在看完代码的时候我不知道谁会滚动- -...我猜是layout1,但是注释里写的是bt1!
然后我把代码跑到手机上看,果然是bt1...
可以看到,点击bt1的时候,bt1向右按照原计划向右滚动了。可是computeScroll()方法不是在bt1的父view中重写的吗?
据作者所写:
//因为调用computeScroll函数的是MyLinearLayout实例,
//所以调用scrollTo移动的将是该实例的孩子,也就是MyButton
scrollTo(mScroller.getCurrX(), 0);
然后查看scrollTo的api:
Set the scrolled position of your view. This will cause a callto onScrollChanged(int,int, int, int)
依然不很理解,所以只好这么认为吧:谁调用了scrollTo,谁的孩子就滚动。
换句话说:谁想滚找他爹!!!
然后,在layout1中又添加了一个bt3,点击bt1的时候,果然bt3跟bt1一起滚了...那么2就有了答案。
再看问题4:怎么滚动?
其实当mScroller.startScroll(0, 0, -30, -30,500)这局代码执行之后,由于最后一个参数传入的是执行时间,在这个时间范围内,也就是滚动没有执行完的时候,mScroller.computeScrollOffset()返回的都是true!
在这个过程中,mScroller.getCurrX()的值却是一直在变化的,变化的范围你懂的。
然后呢?界面怎么动呢?当然是不断的重绘了!
怎么不断重绘?getChildAt(0).invalidate()就是这句,然后系统会一直重复的执行computeScroll(),直到设定的时间结束,view也会滚动指定的位置,mScroller.computeScrollOffset()返回值变为false,这样就完成了整个滚动过程。
到这儿的时候差不多已经吸收了原作者要给的知识了,再看一个额外的:
每个view都有computeScroll()方法,那么在mScroller.startScroll()发起滚动的时候,ContentLinearLayout能不能“听到”这个命令?
应该是能的!把MyLinearLayout 中的computeScroll()方法copy至ContentLinearLayout中,方法同样会执行,那么滚动的就是layout1+layout2了!
试了试确实是这样的,再次验证了谁要滚找他爹!