ViewPager源码分析

2019-01-07  本文已影响0人  葫芦娃大战屎壳郎

目录

  • PagerAdapter 介绍
  • ViwePager 缓存策略
  • ViewPager 布局处理
  • ViewPager 事件处理
  • 相关内容

PagerAdapter 介绍

ViewPager使用非常简单，看下面代码片段

viewPager.setAdapter(new Adapter());

private class Adapter extends PagerAdapter {
    // container 其实就是ViewPager
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        View itemView = LayoutInflater.from(context).inflate(R.layout.item_pager, null);
        container.addView(itemView);
        return itemView;
    }
    // object  为 instantiateItem返回的对象
    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView((View) object);
    }
    // viewpager页数
    @Override
    public int getCount() {
        return 10;
    }
    // 判断view跟o是否存在对应关系，内部其实是通过view找到对应的object的关联关系（instantiateItem中返回的object）
    // 本例就返回view == o，因为instantiateItem方法直接返回的view
    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
        return view == o;
    }
}

static class ItemInfo {
    Object object;      // 为adapter中instantiateItem方法返回的对象
    int position;       // 页面position
    boolean scrolling;  // 是否正在滑动
    float widthFactor;  // 当前页面宽度和ViewPager宽度的比例（默认是1，跟ViewPager宽度一致,可以通过重写adapter的 getPageWidth(int position) 方法自定义内容宽度）
    float offset;       // 当前页面在所有已加载的页面中的索引（用于页面布局，后面会做详细介绍）
}

\color{#2233EE}{解释下PagerAdapter常用的4个方法}

Object instantiateItem(ViewGroup container, int position)

void destroyItem(ViewGroup container, int position, Object object)

isViewFromObject(View view, Object object)

int getItemPosition(Object object)

ViewPager缓存策略

\color{#2233EE}{mOffscreenPageLimit} 是ViewPager的一个变量，表示ViewPager左右两边分别最大缓存的页面数量，可以通过ViewPager.setOffscreenPageLimit(int limit)方法设置，缓存页面的相关计算（创建，销毁）由populate函数完成，后面会详细说明

初始化缓存（mOffscreenPageLimit == 1）

image

中间页面缓存（mOffscreenPageLimit == 1）

image

ViewPager相关方法

ViewPager.setAdapter方法

销毁旧的Adapter数据，用新的Adaper更新UI

  1. 清除旧的Adapter，对已加载的item调用destroyItem，
  2. 将自身滚动到初始位置this.scrollTo(0, 0)
  3. 设置PagerObserver: mAdapter.setViewPagerObserver(mObserver);
  4. 调用populate()方法计算并初始化View（这个方法后面会详细介绍）
  5. 如果设置了OnAdapterChangeListener，进行回调

ViewPager.populate(int newCurrentItem)

该方法是ViewPager非常重要的方法，主要根据参数newCurrentItem和mOffscreenPageLimit计算出需要初始化的页面和需要销毁页面，然后通过调用Adapter的instantiateItem和destroyItem两个方法初始化新页面和销毁不需要的页面！

  1. 根据newCurrentItem和mOffscreenPageLimit计算要加载的page页面，计算出startPos和endPos
  2. 根据startPos和endPos初始化页面ItemInfo，先从缓存里面获取，如果没有就调用addNewItem方法,实际调用mAdapter.instantiateItem
  3. 将不需要的ItemInfo移除: mItems.remove(itemIndex)，并调用mAdapter.destroyItem方法
  4. 设置LayoutParams参数(包括position和widthFactor)，根据position排序待绘制的View列表：mDrawingOrderedChildren，重写了getChildDrawingOrder方法
  5. 最后一步获取当前显示View的焦点：currView.requestFocus(View.FOCUS_FORWARD)

ViewPager.dataSetChanged()

当调用Adapter的notifyDataSetChanged时，会触发这个方法，该方法会重新计算当前页面的position，
移除需要销毁的页面的ItemInfo对象，然后再调用populate方法刷新页面

ViewPager.scrollToItem(int item, boolean smoothScroll, int velocity, boolean dispatchSelected)

ViewPager.calculatePageOffsets(ItemInfo curItem, int curIndex, ItemInfo oldCurInfo)

到目前为止，ViewPager和Adapter相关调用关系差不多分析完了，下面看ViewPager内部对页面的布局，滑动事件监听相关操作！

ViewPager 布局处理

onMeasure(int widthMeasureSpec, int heightMeasureSpec)

该方法主要测量上述两种子View，第一种Decor View就不多说了，用得很少，但要注意的是它会占用一部分ViewPager空间，剩下的留给普通子View；

主要说下普通子View测量，还记得上面提到的ItemInfo中widthFactor变量，它是通过Adapter.getPageWidth方法得来的（可以重写），决定了页面View的宽度，所以这里测量就用到了它；还有一点就是在测量之前会调用populate方法初始化需要显示的页面，然后再测量，看下面代码片段

// Make sure we have created all fragments that we need to have shown.
// 计算并初始化需要显示的页面
mInLayout = true;
populate();
mInLayout = false;
...
if (lp == null || !lp.isDecor) {
    final int widthSpec = MeasureSpec.makeMeasureSpec(
            (int) (childWidthSize * lp.widthFactor), MeasureSpec.EXACTLY);
    child.measure(widthSpec, mChildHeightMeasureSpec);
}

这里用到了\color{#2233EE}{lp.widthFactor}，就是ItemInfo.widthFactor，是在populate方法中设置给LayoutParams的，测量就到这里，比较简单，下面看下onLayout方法；

onLayout(boolean changed, int l, int t, int r, int b)

跟onMeasure方法差不多

第一步先layout DecorView，它会占用一定空间，计算出四个padding值（paddingLeft、paddingTop、paddingRight、paddingBottom） 提供给后面layout普通子View使用；

第二步就是利用第一步得出的padding值得到一个可用的空间对子View进行布局，这里就涉及到对多个子View横向排列顺序的问题，这里就根据ItemInfo中的offset值来决定的，通过offset计算每个子View的Left值，关键代码如下：

// 计算childLeft值
int loff = (int) (childWidth * ii.offset);
int childLeft = paddingLeft + loff;

// paddingTop就是上面说的第一步计算出来的padding值
int childTop = paddingTop;
...
// 布局子View
child.layout(childLeft, childTop, childLeft + child.getMeasuredWidth(), childTop + child.getMeasuredHeight());
整体来说ViewPager的布局流程也是非常简单的，下面看事件处理

ViewPager 事件处理

ViewPager.onInterceptTouchEvent

该方法主要计算是否拦截滑动事件变量：mIsBeingDragged，满足下面2个主要条件才拦截：

  1. 当xDiff * 0.5f > yDiff，简单说就是X轴上滑动的距离要大于Y轴上的2倍才拦截
  2. 并且canScroll(View v, boolean checkV, int dx, int x, int y)方法返回false，该方法是判断子View能不能横向滑动，如果子View能滑动ViewPager就不拦截滑动

ViewPager.onTouchEvent

该方法主要是通过上面计算出的mIsBeingDragged变量，判断是否需要滑动操作，下面看下在不同MotionEvent中处理的内容：

相关内容

未完待续...

以上基本就差不多了，剩下的看代码吧

上一篇下一篇

猜你喜欢

热点阅读