您的位置: 首页  >  文章  >  Android Scroller类的详细分析

Android Scroller类的详细分析

分类: 文章 • 2023-12-17 10:53:28

出处：

http://blog.****.net/gemmem/article/details/7321910

Scroller这个类理解起来有一定的困难，刚开始接触Scroller类的程序员可能无法理解Scroller和View系统是怎么样联系起来的。我经过自己的学习和实践，对Scroller的用法和工作原理有了一定的理解，在这里和大家分享一下，希望大家多多指教。

首先从源码开始分析：

View.java

[java]view plaincopy
  1. /**
  2. *CalledbyaparenttorequestthatachildupdateitsvaluesformScrollX
  3. *andmScrollYifnecessary.Thiswilltypicallybedoneifthechildis
  4. *animatingascrollusinga{@linkandroid.widget.ScrollerScroller}
  5. *object.
  6. */
  7. publicvoidcomputeScroll()
  8. {
  9. }



computeScroll是一个空函数，很明显我们需要去实现它，至于做什么，就由我们自己来决定了。

因为View的子类很多，在下面的例子中，我会在一个自定义的类MyLinearLayout中去实现它。

ViewGroup.java

[java]view plaincopy
  1. @Override
  2. protectedvoiddispatchDraw(Canvascanvas){
  4. .......
  6. .......
  8. .......
  10. .......
  12. for(inti=0;i<count;i++){
  13. finalViewchild=children[i];
  14. if((child.mViewFlags&VISIBILITY_MASK)==VISIBLE||child.getAnimation()!=null)
  16. {
  17. more|=drawChild(canvas,child,drawingTime);
  18. }
  20. .......
  22. .......
  24. .......


从dispatchDraw函数可以看出，ViewGroup会对它的每个孩子调用drawChild(),在下面的例子中， ContentLinearLayout的孩子有2个，是2个MyLinearLayout类型的实例。

再看看drawChild函数：

[java]view plaincopy
  1. protectedbooleandrawChild(Canvascanvas,Viewchild,longdrawingTime){
  3. ................
  5. ................
  7. child.computeScroll();
  9. ................
  11. ................
  13. }

看到这里，我想大家应该就明白了，在父容器重画自己的孩子时，它会调用孩子的computScroll方法，也就是说例程中的ContentLinearLayout在调用dispatchDraw（）函数时会调用MyLinearLayout的computeScroll方法。

这个computeScroll（）函数正是我们大展身手的地方，在这个函数里我们可以去取得事先设置好的成员变量mScroller中的位置信息、速度信息等等，用这些参数来做我们想做的事情。

看到这里大家一定迫不及待的想看代码了，代码如下：

[java]view plaincopy
  1. packagecom.yulongfei.scroller;
  3. importandroid.widget.LinearLayout;
  4. importandroid.widget.Scroller;
  5. importandroid.app.Activity;
  6. importandroid.content.Context;
  7. importandroid.graphics.Canvas;
  8. importandroid.os.Bundle;
  9. importandroid.util.Log;
  10. importandroid.view.View;
  11. importandroid.widget.Button;
  12. importandroid.view.View.OnClickListener;
  14. publicclassTestScrollerActivityextendsActivity{
  15. privatestaticfinalStringTAG="TestScrollerActivity";
  16. LinearLayoutlay1,lay2,lay0;
  17. privateScrollermScroller;
  18. @Override
  19. publicvoidonCreate(BundlesavedInstanceState){
  20. super.onCreate(savedInstanceState);
  21. mScroller=newScroller(this);
  22. lay1=newMyLinearLayout(this);
  23. lay2=newMyLinearLayout(this);
  25. lay1.setBackgroundColor(this.getResources().getColor(android.R.color.darker_gray));
  26. lay2.setBackgroundColor(this.getResources().getColor(android.R.color.white));
  27. lay0=newContentLinearLayout(this);
  28. lay0.setOrientation(LinearLayout.VERTICAL);
  29. LinearLayout.LayoutParamsp0=newLinearLayout.LayoutParams
  30. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);
  31. this.setContentView(lay0,p0);
  33. LinearLayout.LayoutParamsp1=newLinearLayout.LayoutParams
  34. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);
  35. p1.weight=1;
  36. lay0.addView(lay1,p1);
  37. LinearLayout.LayoutParamsp2=newLinearLayout.LayoutParams
  38. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);
  39. p2.weight=1;
  40. lay0.addView(lay2,p2);
  41. MyButtonbtn1=newMyButton(this);
  42. MyButtonbtn2=newMyButton(this);
  43. btn1.setText("btninlayout1");
  44. btn2.setText("btninlayout2");
  45. btn1.setOnClickListener(newOnClickListener(){
  46. @Override
  47. publicvoidonClick(Viewv){
  48. mScroller.startScroll(0,0,-30,-30,50);
  49. }
  50. });
  51. btn2.setOnClickListener(newOnClickListener(){
  52. @Override
  53. publicvoidonClick(Viewv){
  54. mScroller.startScroll(20,20,-50,-50,50);
  55. }
  56. });
  57. lay1.addView(btn1);
  58. lay2.addView(btn2);
  59. }
  60. classMyButtonextendsButton
  61. {
  62. publicMyButton(Contextctx)
  63. {
  64. super(ctx);
  65. }
  66. @Override
  67. protectedvoidonDraw(Canvascanvas)
  68. {
  69. super.onDraw(canvas);
  70. Log.d("MyButton",this.toString()+"onDraw------");
  71. }
  72. }
  74. classMyLinearLayoutextendsLinearLayout
  75. {
  76. publicMyLinearLayout(Contextctx)
  77. {
  78. super(ctx);
  79. }
  81. @Override
  82. /**
  83. *CalledbyaparenttorequestthatachildupdateitsvaluesformScrollX
  84. *andmScrollYifnecessary.Thiswilltypicallybedoneifthechildis
  85. *animatingascrollusinga{@linkandroid.widget.ScrollerScroller}
  86. *object.
  87. */
  88. publicvoidcomputeScroll()
  89. {
  90. Log.d(TAG,this.toString()+"computeScroll-----------");
  91. if(mScroller.computeScrollOffset())//如果mScroller没有调用startScroll，这里将会返回false。
  92. {
  93. //因为调用computeScroll函数的是MyLinearLayout实例，
  94. //所以调用scrollTo移动的将是该实例的孩子，也就是MyButton实例
  95. scrollTo(mScroller.getCurrX(),0);
  96. Log.d(TAG,"getCurrX="+mScroller.getCurrX());
  98. //继续让系统重绘
  99. getChildAt(0).invalidate();
  100. }
  101. }
  102. }
  104. classContentLinearLayoutextendsLinearLayout
  105. {
  106. publicContentLinearLayout(Contextctx)
  107. {
  108. super(ctx);
  109. }
  111. @Override
  112. protectedvoiddispatchDraw(Canvascanvas)
  113. {
  114. Log.d("ContentLinearLayout","contentviewdispatchDraw");
  115. super.dispatchDraw(canvas);
  116. }
  117. }
  118. }


对代码做一个简单介绍：

例子中定义了2个MyButton实例btn1和btn2，它们将被其父容器MyLinearLayout实例lay1和lay2通过调用scrollTo来移动。

ContentLinearLayout实例lay0为Activity的contentview，它有2个孩子，分别是lay1和lay2。

mScroller是一个封装位置和速度等信息的变量，startScroll（）函数只是对它的一些成员变量做一些设置，这个设置的唯一效果就是导致mScroller.computeScrollOffset() 返回true。

这里大家可能有个疑问，既然startScroll（）只是虚晃一枪，那scroll的动态效果到底是谁触发的呢？

后面我将给出答案。

运行程序，我们来看看Log

点击btn1：

Android Scroller类的详细分析

点击btn2：Android Scroller类的详细分析


对照Log，我从button被点击开始，对整个绘制流程进行分析，首先button被点击（这里将回答上文的问题），button的背景将发生变化，这时button将调用invalidate（）请求重绘，这就是View系统重绘的源头，即scroll动态效果的触发者。与此同时，mScroller.startScroll被调用了，mScroller在此时被设置了一些有效值。

好了，既然重绘请求已发出了，那么整个View系统就会来一次自上而下的绘制了，首先输出的Log就是“contentview dispatchDraw”了，它将绘制需要重绘的孩子（lay1和lay2中的一个）,接着会调用drawChild，使得computeScroll函数被触发（drawChild里面会调用child.computeScroll()）,于是，lay1或者lay2就会以mScroller的位置信息为依据来调用scrollTo了，它的孩子btn1或者btn2就会被移动了。之后又调用了getChildAt(0).invalidate()，这将导致系统不断重绘，直到startScroll中设置的时间耗尽mScroller.computeScrollOffset()返回false才停下来。

好了，现在整个流程都分析完了，相信大家应该清楚了Scroller类与View系统的关系了吧。理解了Scroller的工作原理，你会发现原来Scroller类并不神秘，甚至有点被动，它除了储存一些数值，什么其他的事情都没做，Scroller类中的一些变量mStartX, mFinalX, mDuration等等的意义也很好理解。


对于原文的理解

首先是button被点击后，系统默认会变颜色，这时button请求重画，会调用最外层的parent父视图，执行父视图里的dispatchDraw(Canvas canvas)方法，然后会触发子视图的computeScroll()方法，最后是执行button里的onDraw方法。由于在上例中两个button使用的是同一个Scroller对象，所以当其中一个button点击后，scroller没有执行完毕，点击下一个button的时候两个button会跟着一起动，主要是在button的直接父视图的computeScroll()方法中执行了button对象的Scroller。

在button的onclick方法里mScroller.startScroll(0, 0, -100, -50, 5000);开始scroll，

然后在直接父视图中的computeScroll()方法里

if (mScroller.computeScrollOffset())// 如果mScroller没有调用startScroll，这里将会返回false。
{
// 因为调用computeScroll函数的是MyLinearLayout实例，
// 所以调用scrollTo移动的将是该实例的孩子，也就是MyButton实例
scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
Log.d(TAG, "getCurrX = " + mScroller.getCurrX());
// 继续让系统重绘
getChildAt(0).invalidate();
}

相关推荐