Android Scroller简单用法

  1. for (int i = 0; i < count; i++) {

  2. final View child = children[i];

  3. if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null)

  4. {

  5. more |= drawChild(canvas, child, drawingTime);

  6. }

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

再看看drawChild函数:

[java]  view plain copy

  1. protected boolean drawChild(Canvas canvas, View child, long drawingTime) {

  2. child.computeScroll();

  3. }

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

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

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

[java]  view plain copy

  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. public class TestScrollerActivity extends Activity {

  13. private static final String TAG = “TestScrollerActivity”;

  14. LinearLayout lay1,lay2,lay0;

  15. private Scroller mScroller;

  16. @Override

  17. public void onCreate(Bundle savedInstanceState) {

  18. super.onCreate(savedInstanceState);

  19. mScroller = new Scroller(this);

  20. lay1 = new MyLinearLayout(this);

  21. lay2 = new MyLinearLayout(this);

  22. lay1.setBackgroundColor(this.getResources().getColor(android.R.color.darker_gray));

  23. lay2.setBackgroundColor(this.getResources().getColor(android.R.color.white));

  24. lay0 = new ContentLinearLayout(this);

  25. lay0.setOrientation(LinearLayout.VERTICAL);

  26. LinearLayout.LayoutParams p0 = new LinearLayout.LayoutParams

  27. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);

  28. this.setContentView(lay0, p0);

  29. LinearLayout.LayoutParams p1 = new LinearLayout.LayoutParams

  30. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);

  31. p1.weight=1;

  32. lay0.addView(lay1,p1);

  33. LinearLayout.LayoutParams p2 = new LinearLayout.LayoutParams

  34. (LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);

  35. p2.weight=1;

  36. lay0.addView(lay2,p2);

  37. MyButton btn1 = new MyButton(this);

  38. MyButton btn2 = new MyButton(this);

  39. btn1.setText(“btn in layout1”);

  40. btn2.setText(“btn in layout2”);

  41. btn1.setOnClickListener(new OnClickListener(){

  42. @Override

  43. public void onClick(View v) {

  44. mScroller.startScroll(0, 0, -30, -30, 50);

  45. }

  46. });

  47. btn2.setOnClickListener(new OnClickListener(){

  48. @Override

  49. public void onClick(View v) {

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

  51. }

  52. });

  53. lay1.addView(btn1);

  54. lay2.addView(btn2);

  55. }

  56. class MyButton extends Button

  57. {

  58. public MyButton(Context ctx)

  59. {

  60. super(ctx);

  61. }

  62. @Override

  63. protected void onDraw(Canvas canvas)

  64. {

  65. super.onDraw(canvas);

  66. Log.d(“MyButton”, this.toString() + " onDraw------");

  67. }

  68. }

  69. class MyLinearLayout extends LinearLayout

  70. {

  71. public MyLinearLayout(Context ctx)

  72. {

  73. super(ctx);

  74. }

  75. @Override

  76. /**

  77. * Called by a parent to request that a child update its values for mScrollX

  78. * and mScrollY if necessary. This will typically be done if the child is

  79. * animating a scroll using a {@link android.widget.Scroller Scroller}

  80. * object.

  81. */

  82. public void computeScroll()

  83. {

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

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

  86. {

  87. //因为调用computeScroll函数的是MyLinearLayout实例,

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

  89. scrollTo(mScroller.getCurrX(), 0);

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

  91. //继续让系统重绘

  92. getChildAt(0).invalidate();

  93. }

  94. }

  95. }

  96. class ContentLinearLayout extends LinearLayout

  97. {

  98. public ContentLinearLayout(Context ctx)

  99. {

  100. super(ctx);

  101. }

  102. @Override

  103. protected void dispatchDraw(Canvas canvas)

  104. {

  105. Log.d(“ContentLinearLayout”, “contentview dispatchDraw”);

  106. super.dispatchDraw(canvas);

  107. }

  108. }

  109. }

对代码做一个简单介绍:

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

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

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

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

后面我将给出答案。

运行程序,我们来看看Log

点击btn1:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

点击btn2:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

对照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等等的意义也很好理解。

举例说明,自定义一个CustomView,使用Scroller实现滚动:

Java代码   收藏代码

  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. public class CustomView extends LinearLayout {

  8. private static final String TAG = “Scroller”;

  9. private Scroller mScroller;

  10. public CustomView(Context context, AttributeSet attrs) {

  11. super(context, attrs);

  12. mScroller = new Scroller(context);

  13. }

  14. //调用此方法滚动到目标位置

  15. public void smoothScrollTo(int fx, int fy) {

  16. int dx = fx - mScroller.getFinalX();

  17. int dy = fy - mScroller.getFinalY();

  18. smoothScrollBy(dx, dy);

  19. }

  20. //调用此方法设置滚动的相对偏移

  21. public void smoothScrollBy(int dx, int dy) {

  22. //设置mScroller的滚动偏移量

  23. mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy);

  24. invalidate();//这里必须调用invalidate()才能保证computeScroll()会被调用,否则不一定会刷新界面,看不到滚动效果

  25. }

  26. @Override

  27. public void computeScroll() {

  28. //先判断mScroller滚动是否完成

  29. if (mScroller.computeScrollOffset()) {

  30. //这里调用View的scrollTo()完成实际的滚动  
    x, int dy) {

  31. //设置mScroller的滚动偏移量

  32. mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy);

  33. invalidate();//这里必须调用invalidate()才能保证computeScroll()会被调用,否则不一定会刷新界面,看不到滚动效果

  34. }

  35. @Override

  36. public void computeScroll() {

  37. //先判断mScroller滚动是否完成

  38. if (mScroller.computeScrollOffset()) {

  39. //这里调用View的scrollTo()完成实际的滚动

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值