使用Scoller类实现平滑滚动效果

在Android中，要自己完成看起来很流畅的动画，就需要使用到Android提供的Scroller类。虽然这个类负责处理关于滚动相关的数据，但是它也就是仅仅做这些而已，并不会帮我们执行绘制操作。因此，要实现流畅滚动的动画，还需要配合View的绘制才行。

1. Scroller类中包含了滚动相关的信息，例如：开始时的X、Y坐标；结束时的X、Y坐标；动画持续时间；动画当前已消逝的时间；当前位置的X、Y坐标等等，这些对于实现平滑滚动是必不可少的！

2.这里需要涉及到Android 中View的绘制框架的问题；而现在需要了解的一个绘制流程很简单。我在这里大概说一下，详细的自己研究源码。

在绘制View时，首先会从ViewGroup的dispatchDraw()中，调用了每个子View的drawChild方法，而drawChild中又会调用computeScroll()方法；而computeScroll()这个方法体是空的，也就表明系统是想让我们自己在这方法中下点功夫。因此，本文的关键就在这里。

一下结合代码进行分析：

先自定义一个ViewGroup。 MyViewGroup.java:

package com.example.administrator.myapplication;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.animation.DecelerateInterpolator;
import android.widget.LinearLayout;
import android.widget.Scroller;

/**
 * Created by Administrator on 2014/7/22.
 */
public class MyViewGroup extends LinearLayout {
    private boolean flag = true;
    private Scroller mScroller = null;
    public MyViewGroup(Context context, AttributeSet attrs) {
        super(context, attrs);
        mScroller = new Scroller(context, new DecelerateInterpolator());        
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        if(mScroller.computeScrollOffset())
        {
            scrollTo(mScroller.getCurrX(),0);
            invalidate();
        }
    }

    public void startScroll()
    {
        if(flag)
        {
            mScroller.startScroll(mScroller.getCurrX(), 0, -400, 0, 1500);
            flag = false;
        }
        else
        {
            mScroller.startScroll(mScroller.getCurrX(), 0, 400, 0, 1600);
            flag = true;
        }
        postInvalidate();    // 需要主动调用刷新View，从而触发view的不断绘制  
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int action = event.getAction();
        float currX = 0;
        switch (action)
        {
            case MotionEvent.ACTION_DOWN:
                currX = event.getX();
                mScroller.forceFinished(true);         // 强制结束动画，参数为true，表示停止在动画强制结束时的位置上；false则表示动画继续进行直到结束
                break;
            case MotionEvent.ACTION_MOVE:
                break;
            case MotionEvent.ACTION_UP:
                Log.d("Scroller-CurrX:",""+mScroller.getCurrX());
                Log.d("duration", ""+mScroller.getDuration());
                Log.d("finalX", ""+mScroller.getFinalX());
                Log.d("timePassed", ""+mScroller.timePassed());
                mScroller.startScroll(mScroller.getCurrX(), 0, (mScroller.getFinalX() - mScroller.getCurrX()),
                        0, (mScroller.getDuration() - mScroller.timePassed()));
                postInvalidate();
                break;
        }
        return true;
    }
}

在上面代码中，可以看到在computeScroll（）方法中进行了一些操作。首先，它调用了mScroller.computeScrollOffset()，如果返回true的话，那么说明mScroller已经调用了startScroll（）方法，并且动画正在进行；否则，则说明startScroll（）方法没调用。返回true时，接下来就调用了scrollTo(mScroller.getCurrX(), 0)；我们可以看到参数中调用了mScroller.getCurrX()，这就是取得现在处于的X坐标，然后滚动到改位置上。接着就需要调用invalidate（）刷新一次界面。这是触发View不断绘制，产生滚动动画的必要条件！

再看看startScroll（）方法里面的内容，核心的代码是mScroller.startScroll(mScroller.getCurrX(), 0, 400, 0, 1600); 这里启动了Scroller类对与滚动相关的数据进行不断的计算，然后提供个需要刷新的View使用。由于，Scroller类是不执行实际滚动操作的，所以我们还需要主动调用postInvalidate()方法来刷新界面。这是界面的刷新会导致ViewGroup调用dispatchDraw（），而dispatchDraw（）中会调用每个子view的drawChild（），而在drawChild（）中又会调用computeScroll（）方法；所以computeScroll（）里面的scrollTo()就是产生滚动的方法了，而执行完scrollTo()后，又会调用invalidate()进行界面的刷新，于是整个绘制流程又重新执行了一遍，直到mScroller.computeScrollOffset()返回false，说明滚动完成。

说白了，这就是一个不断调用invalidate（）进行绘制的流程！用于调用的频率很高，而且Scroller为我们计算了每一次View的滚动和位置等相关数据，所以每一次刷新我们就更新一下View的位置，从而产生了肉眼看起来平滑的滚动。

其实，Scroller类的使用时简单的。现在我附上其他代码，读者可以直接复制运行一遍，相信到时你将会对SCroller有了一定认识！

activity_my.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MyActivity">

    <Button
        android:id="@+id/btn"
        android:text="开始滑动"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <com.example.administrator.myapplication.MyViewGroup
        android:id="@+id/myViewgroup"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal">

        <TextView
            android:layout_width="30dp"
            android:layout_height="fill_parent"
            android:background="#82738472"/>
        <LinearLayout
            android:layout_width="50dp"
            android:layout_height="fill_parent"
            android:background="#99232345">
            </LinearLayout>
    </com.example.administrator.myapplication.MyViewGroup>

</LinearLayout>

MyActivity.java

package com.example.administrator.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;


public class MyActivity extends Activity {

    private Button btn = null;
    private MyViewGroup myViewGroup = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);
        btn = (Button)findViewById(R.id.btn);
        myViewGroup = (MyViewGroup)findViewById(R.id.myViewgroup);

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                myViewGroup.startScroll();        // 开始滚动
            }
        });
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.my, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}