[原] Android中Scroller类的分析

今天看了一下项目中用到的ViewFlow控件，想弄明白其工作原理。从头开始分析，卡在“滚动”这儿了。

做android也快两年了，连最基本的滚动都不熟悉，真是惭愧。。。遂网上找资料，很容易的在google前排找到此文章：

Android Scroller类的详细分析 http://blog.csdn.net/gemmem/article/details/7321910

很受启发，学习之后总结一下自己的心得。

 

文章中的内容这里就不再重复了。

如文章中所写，在弄明白滚动的原理之前，需要先明白computeScroll() 这个方法。

computeScroll()是View类的一个空函数，在父容器重画自己的孩子时，它会调用孩子的computScroll方法。所以这个computeScroll（）函数正是我们大展身手的地方，在这个函数里我们可以去取得事先设置好的成员变量mScroller中的位置信息、速度信息等等，用这些参数来做我们想做的事情。

 

然后放下代码，先考虑几个问题：

1.如何触发滚动？

2.谁要滚动？或者说哪个View要滚动？

3.从哪滚到哪？滚多久？

4.怎么滚动？

 

脑海中有这几个问题之后，好吧，看一下代码，直接拷一下上述作者文章中的，自己格式化稍改了一下：

package cn.supersugar.tablelayout;



import android.widget.LinearLayout;

import android.widget.Scroller;

import android.app.Activity;

import android.content.Context;

import android.graphics.Canvas;

import android.os.Bundle;

import android.util.Log;

import android.view.View;

import android.widget.Button;

import android.view.View.OnClickListener;



public class TestMyTableLayoutActivity extends Activity {

    private static final String TAG = "TestScrollerActivity";

    LinearLayout lay1, lay2, lay0;

    private Scroller mScroller;



    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        mScroller = new Scroller(this);

        lay1 = new MyLinearLayout(this);

        lay2 = new MyLinearLayout(this);



        lay1.setBackgroundDrawable(getResources().getDrawable(R.drawable.ic_launcher));

        lay2.setBackgroundColor(this.getResources().getColor(

                android.R.color.white));

        lay0 = new ContentLinearLayout(this);

        lay0.setOrientation(LinearLayout.VERTICAL);

        LinearLayout.LayoutParams p0 = new LinearLayout.LayoutParams(

                LinearLayout.LayoutParams.FILL_PARENT,

                LinearLayout.LayoutParams.FILL_PARENT);

        this.setContentView(lay0, p0);



        LinearLayout.LayoutParams p1 = new LinearLayout.LayoutParams(

                LinearLayout.LayoutParams.FILL_PARENT,

                LinearLayout.LayoutParams.FILL_PARENT);

        p1.weight = 1;

        lay0.addView(lay1, p1);

        LinearLayout.LayoutParams p2 = new LinearLayout.LayoutParams(

                LinearLayout.LayoutParams.FILL_PARENT,

                LinearLayout.LayoutParams.FILL_PARENT);

        p2.weight = 1;

        lay0.addView(lay2, p2);

        MyButton btn1 = new MyButton(this);


        MyButton btn2 = new MyButton(this);

        btn1.setText("btn in layout1");

        btn2.setText("btn in layout2");

        btn1.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                mScroller.startScroll(0, 0, -30, -30, 500);

                //开始滚动，设置初始位置--》结束位置 & 持续时间

            }

        });

        btn2.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                mScroller.startScroll(20, 20, -50, -50, 500);

            }

        });

        lay1.addView(btn1);

        lay2.addView(btn2);

    }



    class MyButton extends Button {

        public MyButton(Context ctx) {

            super(ctx);

        }



        @Override

        protected void onDraw(Canvas canvas) {

            super.onDraw(canvas);

            Log.d(TAG, this.toString() + " onDraw------");

        }

    }



    class MyLinearLayout extends LinearLayout {

        public MyLinearLayout(Context ctx) {

            super(ctx);

        }



        @Override

        public void computeScroll() {

            Log.d(TAG, this.toString() + " computeScroll-----------");

            if (mScroller.computeScrollOffset())//如果mScroller没有调用startScroll，这里将会返回false。

            {

                //因为调用computeScroll函数的是MyLinearLayout实例，

                //所以调用scrollTo移动的将是该实例的孩子，也就是MyButton实例

                scrollTo(mScroller.getCurrX(), 0);

                Log.d(TAG, "getCurrX = " + mScroller.getCurrX());



                //继续让系统重绘

                getChildAt(0).invalidate();

            }

        }

    }



    class ContentLinearLayout extends LinearLayout {

        public ContentLinearLayout(Context ctx) {

            super(ctx);

        }



        @Override

        protected void dispatchDraw(Canvas canvas) {

            Log.d(TAG, "contentview dispatchDraw");

            super.dispatchDraw(canvas);

        }



        @Override

        public void computeScroll() {

        }

    }

}

上运行截图：

如上，一一分析这四个问题：

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 call to onScrollChanged(int, int, int, int) and the view will be invalidated.

依然不很理解，所以只好这么认为吧：谁调用了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了！

试了试确实是这样的，再次验证了谁要滚找他爹！

那么问题4也有了答案。

 

如果这4个问题都有答案的话，那么相信对scroller也有一定的理解了吧，剩下的就是与其他知识结合再深入研究了。