Android Scroller类的详细分析

2022-09-03 10:17:03

尊重原创作者，转载请注明出处：

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

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

首先从源码开始分析：

View.java

  1. /**
  2. * Called by a parent to request that a child update its values for mScrollX
  3. * and mScrollY if necessary. This will typically be done if the child is
  4. * animating a scroll using a {@link android.widget.Scroller Scroller}
  5. * object.
  6. */
  7. public void computeScroll()
  8. {
  9. }

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

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

ViewGroup.java

  1. @Override
  2. protected void dispatchDraw(Canvas canvas) {
  3. .......
  4. .......
  5. .......
  6. .......
  7. for (int i = 0; i < count; i++) {
  8. final View child = children[i];
  9. if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null)
  10. {
  11. more |= drawChild(canvas, child, drawingTime);
  12. }
  13. .......
  14. .......
  15. .......

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

再看看drawChild函数：

  1. protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
  2. ................
  3. ................
  4. child.computeScroll();
  5. ................
  6. ................
  7. }

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

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

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

  1. package com.yulongfei.scroller;
  2. import android.widget.LinearLayout;
  3. import android.widget.Scroller;
  4. import android.app.Activity;
  5. import android.content.Context;
  6. import android.graphics.Canvas;
  7. import android.os.Bundle;
  8. import android.util.Log;
  9. import android.view.View;
  10. import android.widget.Button;
  11. import android.view.View.OnClickListener;
  12. import android.view.animation.DecelerateInterpolator;
  13. public class MainActivity extends Activity {
  14. private static final String TAG = "TestScrollerActivity";
  15. LinearLayout lay1,lay2,lay0;
  16. private Scroller mScroller;
  17. @Override
  18. public void onCreate(Bundle savedInstanceState) {
  19. super.onCreate(savedInstanceState);
  20. mScroller = new Scroller(this, new DecelerateInterpolator(2.0F));
  21. lay1 = new MyLinearLayout(this);
  22. lay2 = new MyLinearLayout(this);
  23. lay1.setBackgroundColor(this.getResources().getColor(android.R.color.darker_gray));
  24. lay2.setBackgroundColor(this.getResources().getColor(android.R.color.white));
  25. lay0 = new ContentLinearLayout(this);
  26. lay0.setOrientation(LinearLayout.VERTICAL);
  27. LinearLayout.LayoutParams p0 = new LinearLayout.LayoutParams
  28. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);
  29. this.setContentView(lay0, p0);
  30. LinearLayout.LayoutParams p1 = new LinearLayout.LayoutParams
  31. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);
  32. p1.weight=1;
  33. lay0.addView(lay1,p1);
  34. LinearLayout.LayoutParams p2 = new LinearLayout.LayoutParams
  35. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);
  36. p2.weight=1;
  37. lay0.addView(lay2,p2);
  38. MyButton btn1 = new MyButton(this);
  39. MyButton btn2 = new MyButton(this);
  40. btn1.setText("btn in layout1");
  41. btn2.setText("btn in layout2");
  42. btn1.setOnClickListener(new OnClickListener(){
  43. @Override
  44. public void onClick(View v) {
  45. mScroller.startScroll(0, 0, -200, 0, 500);
  46. }
  47. });
  48. btn2.setOnClickListener(new OnClickListener(){
  49. @Override
  50. public void onClick(View v) {
  51. mScroller.startScroll(0, 0, -300, 0, 600);
  52. }
  53. });
  54. lay1.addView(btn1);
  55. lay2.addView(btn2);
  56. lay0.setLayerType(View.LAYER_TYPE_HARDWARE, null);
  57. lay1.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
  58. lay2.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
  59. }
  60. class MyButton extends Button
  61. {
  62. public MyButton(Context ctx)
  63. {
  64. super(ctx);
  65. }
  66. @Override
  67. protected void onDraw(Canvas canvas)
  68. {
  69. super.onDraw(canvas);
  70. Log.d("MyButton", this.toString() + " onDraw------");
  71. }
  72. }
  73. class MyLinearLayout extends LinearLayout
  74. {
  75. public MyLinearLayout(Context ctx)
  76. {
  77. super(ctx);
  78. }
  79. @Override
  80. /**
  81. * Called by a parent to request that a child update its values for mScrollX
  82. * and mScrollY if necessary. This will typically be done if the child is
  83. * animating a scroll using a {@link android.widget.Scroller Scroller}
  84. * object.
  85. */
  86. public void computeScroll()
  87. {
  88. Log.d(TAG, this.toString() + " computeScroll-----------");
  89. if (mScroller.computeScrollOffset())//如果mScroller没有调用startScroll，这里将会返回false。
  90. {
  91. //因为调用computeScroll函数的是MyLinearLayout实例，
  92. //所以调用scrollTo移动的将是该实例的孩子，也就是MyButton实例
  93. scrollTo(mScroller.getCurrX(), 0);
  94. Log.d(TAG, "getCurrX = " +  mScroller.getCurrX());
  95. //继续让系统重绘
  96. //postInvalidate();
  97. }
  98. }
  99. }
  100. class ContentLinearLayout extends LinearLayout
  101. {
  102. public ContentLinearLayout(Context ctx)
  103. {
  104. super(ctx);
  105. }
  106. @Override
  107. protected void dispatchDraw(Canvas canvas)
  108. {
  109. Log.d("ContentLinearLayout", "contentview dispatchDraw");
  110. super.dispatchDraw(canvas);
  111. }
  112. }
  113. }

对代码做一个简单介绍：

例子中定义了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等等的意义也很好理解。

上一篇：如何用Fritzing实现元器件自定义接线图


下一篇：POJ 1734 Sightseeing trip