关于Scroller的一些查阅,整理

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()

当startScroll执行过程中即在duration时间内, computeScrollOffset  方法会一直返回false,但当动画执行完成后会返回返加true.

有了这两个方法还不够,我们还需要再重写viewGroup的一个方法,

computeScroll 这个方法什么时候会被调用呢

官网上这样说的

public void computeScroll ()

Since:  API Level 1

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.怎么滚动?

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 TestMyTableLayoutActivit y extends Activity{
    private static finalString TAG = "TestScrollerActivity";
    LinearLayout lay1, lay2,lay0;
    private ScrollermScroller;

    @Override
    public voidonCreate(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 = newLinearLayout.LayoutParams(
                LinearLayout.LayoutParams.FILL_PARENT,
                LinearLayout.LayoutParams.FILL_PARENT);
        this.setContentView(lay0, p0);

        LinearLayout.LayoutParams p1 = newLinearLayout.LayoutParams(
                LinearLayout.LayoutParams.FILL_PARENT,
                LinearLayout.LayoutParams.FILL_PARENT);
        p1.weight = 1;
        lay0.addView(lay1, p1);
        LinearLayout.LayoutParams p2 = newLinearLayout.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
            publicvoid onClick(View v) {
                mScroller.startScroll(0, 0,-30, -30, 500);
                //开始滚动,设置初始位置--》结束位置 &持续时间
            }
        });
        btn2.setOnClickListener(new OnClickListener(){
            @Override
            publicvoid onClick(View v) {
                mScroller.startScroll(20, 20,-50, -50, 500);
            }
        });
        lay1.addView(btn1);
        lay2.addView(btn2);
    }

    class MyButton extendsButton {
        public MyButton(Context ctx) {
            super(ctx);
        }

        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            Log.d(TAG,this.toString() + " onDraw------");
        }
    }

    class MyLinearLayoutextends 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();
            }
        }
    }

    classContentLinearLayout 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 callto onScrollChanged(int,int, int, int) and the view will beinvalidated.

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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值