zoukankan      html  css  js  c++  java
  • ViewPager的OnPageChangeListener三个回调解析

    一个native crash最后是重写ViewPager解决的,过程中发现这三个回调还有点绕,于是理了一下

    ViewPager有两个操作,一个是用手指滑动翻页,一个是直接setCurrentItem(一般用于点击上面的tab直接setCurrentItem)。下面的方法介绍也会针对这两种情况分别介绍。


    onPageScrolled(int position, float positionOffset, int positionOffsetPixels)
    1. 这个方法会在屏幕滚动过程中不断被调用
    2. 第一个position(这个参数要特别注意一下):位置
      1. 当用手指滑动时
        1. 如果手指按在页面上不动,position和当前页面index是一致的
        2. 如果手指向左拖动(相应页面向右翻动),这时候position大部分时间和当前页面是一致的,只有翻页成功的情况下最后一次调用才会变为目标页面
        3. 如果手指向右拖动(相应页面向左翻动),这时候position大部分时间和目标页面是一致的,只有翻页不成功的情况下最后一次调用才会变为原页面
      2. 当直接设置setCurrentItem翻页时
        1. 如果是相邻的情况(比如现在是第二个页面,跳到第一或者第三个页面)
          1. 如果页面向右翻动,大部分时间是和当前页面是一致的,只有最后才变成目标页面
          2. 如果向左翻动,position和目标页面是一致的。这和用手指拖动页面翻动是基本一致的。
        2. 如果不是相邻的情况
          1. 比如我从第一个页面跳到第三个页面,position先是0,然后逐步变成1,然后逐步变成2
          2. 我从第三个页面跳到第一个页面,position先是1,然后逐步变成0,并没有出现为2的情况
    3. positionOffset:当前页面因滑动而偏移了多少比例
      1. 如果页面向右翻动,这个值不断变大,最后在趋近1的情况后突变为0
      2. 如果页面向左翻动,这个值不断变小,最后变为0。
    4. positionOffsetPixels:当前页面因滑动而偏移了多少像素
      1. 变化情况和positionOffset一致
    5. 一次滑动实例:

    onPageSelected(int position)
    
    1. 共同
      1. position是滑动结果,也就是新页面的的index
      2. 必须切到一个跟上一个不一样的页面才会调用(另两个不需要)
    2. 手指滑动
      1. 用手指滑动翻页的时候,如果翻动成功了(滑动的距离够长),手指抬起来一瞬间就会立即执行这个方法,不是在滑动结束的时候回调
    3. setCurrentItem翻页
      1. 这种情况在onPageScrolled执行方法前就会立即执行
     

    onPageScrollStateChanged(int state)
    
    1. 共同
      1. state有三个值:0(END),1(PRESS) , 2(UP)
    2. 手指滑动
      1. (滑动时)手指按下去的时候会触发这个方法,state值为1
      2. 手指抬起时,如果发生了滑动(即使很小),就会触发这个方法,这个值会变为2
      3. 最后滑动结束,页面停止的时候,也会触发这个方法,值变为0
      4. 所以一次手指滑动会执行这个方法三次
      5. 一种特殊情况是手指按下去以后一点滑动也没有发生,这个时候只会调用这个方法两次,state值分别是1,0 
    3. setCurrentItem翻页
      1. 会执行这个方法两次,state值分别为2 , 0 

     
    用手指拖动翻页时,三个方法的执行顺序为:
    1. 最先执行一遍onPageScrollStateChanged(1)
    2. 然后不断执行onPageScrolled
    3. 放手指的时候,直接立即执行一次onPageScrollStateChanged(2)
    4. 然后立即执行一次onPageSelected
    5. 然后再不断执行onPageScrolled
    6. 最后执行一次onPageScrollStateChanged(0)
  • 相关阅读:
    JavaScript 教程
    C#基础实例
    Angularjs实例5
    Angularjs实例4
    Angularjs 数据过滤
    Angularjs实例3
    Angularjs 数据循环
    Angularjs模块
    Angularjs 数据双向绑定
    Angularjs实例应用
  • 原文地址:https://www.cnblogs.com/bellkosmos/p/6371638.html
Copyright © 2011-2022 走看看