2018-07-27 scroller使用

进阶篇:站在源码的肩膀上全解Scroller工作机制    基础会了在看这个~吧,大神写得。感觉这个比较深一点

郭霖大神关于scroller  和我一样是萌新的话,可以先看看下面写的笔记,再看进阶篇大神们写的东西

以下是学习《进阶之光》的笔记哈

scrollTo 和 scrollBy 的区别:

scrollTo是移动到一个具体的坐标,相对于(0,0)坐标的位置。而scrollBy是表示移动的增量,相对于上一次坐标的位置。(上一次坐标的位置不一定是(0,0)。

注意:"scrollTo和scrollBy移动的是view的内容,如果是在viewgroup中使用,移动的是所有的子view"-----------------------就是说要移动某个view,就需要使用它的父view调用scrollTo或者scrollBy。

eg:((View)getParent()).scrollTo(-400,0); 这句话就是调用父view,使自身这个view向右水平移动400。

scrollTo(int x,int y)的参数 x值为负,向右移动,为正,向左移动。y为负向下,为正向上。scrollBy同理. 注意了:坐标是控件在手机屏幕显示的位置,而且移动的是手机屏幕!!

思路:假设我们面前有一块画布,上面有很多控件,我们需要通过一盏灯照亮才能看到,能够理解的是,不管我们怎么移动灯,画布上的东西是不会改变位置的。scrollTo改变的就是那盏灯的位置。灯光所照亮的地方是有限的。但是灯光没照亮的地方,画布上的东西依然存在。

这里比如一个imageView控件 在灯光中(手机屏幕) 的位置是(100,100),当调用scrollby(50,50)的时候,移动的是灯光!灯光向右移动50,向下移动50,但是iamgeView的位置在画布中的位置是不会改变的,灯光向右下角移动了,相当于imageView向左上角移动了。


自己画的加深理解~

黑色圆是灯光初始位置,此时iamgeView在灯光中的位置坐标是(100,100),当时调用scrollBy(50,50)的时候,灯光向右移动50,向下移动50,移动后就是黄色的圈。此时iamgeView在黄色圈中的坐标是(50,50)。相对于灯光的位置,iamgeView向上移动50,向左移动50.   萌新有点啰嗦~说半天就在说怎么理解向右是负的,向左是正的。

scroller

scrollTo和scrollBy的移动都是一瞬间完成的,没有滑动的过程,使用scroller就可以拥有滑动过程。但是scroller本身没有实现滑动,滑动的实现原理:调用scrollTo的滑动,每滑动一小段距离就重绘一次,看起来就像是滑动了~~~^_^

使用:

1.创建scroller对象 scroller = new Scroller(Context);

2.重写computeScroll方法

3.调用startScroll。

最后在xml文件调用view:


在java代码里面调用:


完成

源码分析:


scroller构造方法有3个,第二个需要传入插值器,不传入就是用默认。

startScroll方法主要保存一些参数:


mMode会在computeScrollOffset中使用,mDurationReciprocal是时间的比例,1/ 时间长度,由源码可以看出里面并没有开启滑动或者动画的方法。真正的“滑动”在invalidate()调用重绘制view,在draw中调用computeScroll方法。所以我们重写这个方法。上面有图了。

computeScroll方法里面思路:判断当前滑动动画是否停止,没有停止就获取当前坐标,调用scrollTo,然后重新绘制。那么如何获取当前坐标,


源码中getCurrX返回的是mCurrX,y同理。进入computeScrollOffset方法,:


timePassed为当前时间减去动画刚刚开始的时间,就是动画已经执行的时间。如果时间小于动画执行的时间,switch判断模式,在startScroll中设置了模式,进入SCROLL_MODE,x是插值器的返回值,动画已执行时间乘以mDeltaX,(x轴总移动差值),就是动画执行的时间内x轴的位移量,加上初始位置,就是当前的x坐标。y同理。这里的mCurrx和mCurrY就是当前的坐标位置,调用getCurrX()方法返回的就是mCurrX。

大概就是这样。每隔一个时间段重新获取当前的位置,然后scrollTo去回绘制。不断重复就形成了动画。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,366评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,521评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,689评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,925评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,942评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,727评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,447评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,349评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,820评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,990评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,127评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,812评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,471评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,017评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,142评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,388评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,066评论 2 355

推荐阅读更多精彩内容

  • 内容是博主照着书敲出来的,博主码字挺辛苦的,转载请注明出处,后序内容陆续会码出。 当了解了Android坐标系和触...
    Blankj阅读 6,641评论 3 61
  • 一滑动效果的产生 滑动一个View,本质区别就是移动一个View。改变当前View所在的坐标,原理和动画相似不断改...
    猿万阅读 9,906评论 0 14
  • 01 李顾全家从弘砺市搬到了天方市,李顾就从弘砺中学搬到了天方中学。 一到了天方中学的教室,李顾都情不自禁地跟随着...
    杨喜爱阅读 752评论 3 45
  • 隐私政策 乐创信度尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务,乐创信度会按照本隐...
    duupuu阅读 254评论 0 0