2093次阅读 | 发布于5年以前

创建 RecyclerView LayoutManager – Part 2

原文链接 : Building a RecyclerView LayoutManager – Part 2

原文作者 : Dave Smith

译文出自 : 开发技术前线 www.devtf.cn

创建 a RecyclerView LayoutManager – Part 2

本文是这个系列中的 Part 2，这里是 Part 1 和 Part 3 的链接。

上次我们讲了创建一个 RecyclerView LayoutManager 的核心步骤。接下来，我们会介绍如何给普通基于适配器的 View 加入一些附加特性。

友情提醒：示例中的代码在这里 Github

Item Decorations 支持

RecyclerView 有一个很好的特性 RecyclerView.ItemDecoration，它可以给子视图添加自定义样式，还可以在不修改子视图布局参数的情况下插入布局属性(margins)。后者就是 LayoutManager 必须提供的约束子视图布局方式。

RecyclerPlayground 里有几个 decorator 用来介绍它们的实现方式。

LayoutManager 中提供了一些辅助方法操作 decorations ，不需要我们自己实现：

用getDecoratedLeft()代替child.getLeft()获取子视图的 left 边缘。
用getDecoratedTop()代替getTop()获取子视图的 top 边缘。
用getDecoratedRight()代替getRight()获取子视图的 right 边缘。
用getDecoratedBottom()代替getBottom()获取子视图的 bottom 边缘。
使用 measureChild() 或 measureChildWithMargins() 代替child.measure() 测量来自 Recycler 的新视图。
使用layoutDecorated()代替 child.layout() 布局来自 Recycler 的新视图。
使用 getDecoratedMeasuredWidth()或 getDecoratedMeasuredHeight() 代替 child.getMeasuredWidth()或child.getMeasuredHeight()获取子视图的测量数据。

只要你使用了正确的方法去获取视图的属性和测量数据，RecyclerView 会自己搞定细节部分的处理。

数据集改变

当使用 notifyDataSetChanged()触发 RecyclerView.Adapter 的更新操作时， LayoutManager 负责更新布局中的视图。这时，onLayoutChildren()会被再次调用。实现这个功能需要我们调整代码，判断出当前状态是生成一个新的视图还是 adapter 更新期间的视图改变。下面是FixedGridLayoutManager中的填充方法的完整实现：

@Override
public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
    //We have nothing to show for an empty data set but clear any existing views
    if (getItemCount() == 0) {
        detachAndScrapAttachedViews(recycler);
        return;
    }

    //...on empty layout, update child size measurements
    if (getChildCount() == 0) {
        //Scrap measure one child
        View scrap = recycler.getViewForPosition(0);
        addView(scrap);
        measureChildWithMargins(scrap, 0, 0);

        /*
         * We make some assumptions in this code based on every child
         * view being the same size (i.e. a uniform grid). This allows
         * us to compute the following values up front because they
         * won't change.
         */
        mDecoratedChildWidth = getDecoratedMeasuredWidth(scrap);
        mDecoratedChildHeight = getDecoratedMeasuredHeight(scrap);

        detachAndScrapView(scrap, recycler);
    }

    updateWindowSizing();

    int childLeft;
    int childTop;
    if (getChildCount() == 0) { //First or empty layout
        /*
         * Reset the visible and scroll positions
         */
        mFirstVisiblePosition = 0;
        childLeft = childTop = 0;
    } else if (getVisibleChildCount() > getItemCount()) {
        //Data set is too small to scroll fully, just reset position
        mFirstVisiblePosition = 0;
        childLeft = childTop = 0;
    } else { //Adapter data set changes
        /*
         * Keep the existing initial position, and save off
         * the current scrolled offset.
         */
        final View topChild = getChildAt(0);
        if (mForceClearOffsets) {
            childLeft = childTop = 0;
            mForceClearOffsets = false;
        } else {
            childLeft = getDecoratedLeft(topChild);
            childTop = getDecoratedTop(topChild);
        }

        /*
         * Adjust the visible position if out of bounds in the
         * new layout. This occurs when the new item count in an adapter
         * is much smaller than it was before, and you are scrolled to
         * a location where no items would exist.
         */
        int lastVisiblePosition = positionOfIndex(getVisibleChildCount() - 1);
        if (lastVisiblePosition >= getItemCount()) {
            lastVisiblePosition = (getItemCount() - 1);
            int lastColumn = mVisibleColumnCount - 1;
            int lastRow = mVisibleRowCount - 1;

            //Adjust to align the last position in the bottom-right
            mFirstVisiblePosition = Math.max(
                    lastVisiblePosition - lastColumn - (lastRow * getTotalColumnCount()), 0);

            childLeft = getHorizontalSpace() - (mDecoratedChildWidth * mVisibleColumnCount);
            childTop = getVerticalSpace() - (mDecoratedChildHeight * mVisibleRowCount);

            //Correct cases where shifting to the bottom-right overscrolls the top-left
            // This happens on data sets too small to scroll in a direction.
            if (getFirstVisibleRow() == 0) {
                childTop = Math.min(childTop, 0);
            }
            if (getFirstVisibleColumn() == 0) {
                childLeft = Math.min(childLeft, 0);
            }
        }
    }

    //Clear all attached views into the recycle bin
    detachAndScrapAttachedViews(recycler);

    //Fill the grid for the initial layout of views
    fillGrid(DIRECTION_NONE, childLeft, childTop, recycler);
}

我们根据有没有已经被 attach 的子视图来判断当前是一个新的布局还是一个更新操作。如果是更新，我们根据第一个可见视图的 position（通过监测视图左上角是哪个子视图）和当前 x/y 滑动的位移这些信息去执行新的 fillGrid()，同时保证左上角的 item 位置不变。

下面是一些需要特殊处理得情况：

当新的数据集很小，不足以滑动时，布局会将左上角重置为 position 是 0 的item。
如果新的数据集很小，保持当前位置会使滚动超出边界。我们就应该调整第一个 item 的位置，以便和右下角对齐。

onAdapterChanged()

这个方法提供了另一个重置布局的场所，设置新的 adapter 会触发这个事件 (在这，setAdapter会被再次调用)。这个阶段你可以安全的返回一个与之前 adapter 完全不同的视图。所以，示例中我们移除了所有当前视图(并没有回收它们)。

@Override
public void onAdapterChanged(RecyclerView.Adapter oldAdapter, RecyclerView.Adapter newAdapter) {
    //Completely scrap the existing layout
    removeAllViews();
}

移除视图会触发一个新的布局过程，当 onLayoutChildren() 被再次调用时，我们的代码会执行创建新视图的布局过程，因为现在没有 attched 的子视图。

Scroll to Position

另一个重要的特性就是给 LayoutManager 添加滚动到特定位置的功能。可以带有有动画效果，也可以没有，下面是对应的两个回调方法。

scrollToPosition()

当 layout 应该立即将所给位置设为第一个可见 item 时，调用 RecyclerView 的 scrollToPosition()。在一个 vertical list 里，item 应该放在顶部；horizontal list 中，通常放在左边。在我们的网格布局中，被选中的 item 应该放在视图的左上角。

@Override
public void scrollToPosition(int position) {
    if (position >= getItemCount()) {
        Log.e(TAG, "Cannot scroll to "+position+", item count is "+getItemCount());
        return;
    }

    //Ignore current scroll offset, snap to top-left
    mForceClearOffsets = true;
    //Set requested position as first visible
    mFirstVisiblePosition = position;
    //Trigger a new view layout
    requestLayout();
}

因为有一个良好的 onLayoutChildren() 实现，这里就可以简单的更新目标位置并触发一个新的 fill 操作。

smoothScrollToPosition()

在带有动画的情况下，我们需要使用一些稍微不同的方法。在这方法里我们需要创建一个 RecyclerView.SmoothScroller实例，然后在方法返回前请求startSmoothScroll()启动动画。

RecyclerView.SmoothScroller 是提供 API 的抽象类，含有四个方法：

onStart()：当滑动动画开始时被触发。
onStop()：当滑动动画停止时被触发。
onSeekTargetStep()：当 scroller 搜索目标 view 时被重复调用，这个方法负责读取提供的 dx/dy ，然后更新应该在这两个方向移动的距离。
- 这个方法有一个RecyclerView.SmoothScroller.Action实例做参数。通过向 action 的 update()方法传递新的 dx, dy, duration 和 Interpolator ，告诉 view 在下一个阶段应该执行怎样的动画。
- NOTE： 如果动画耗时过长，框架会对你发出警告，应该调整动画的步骤，尽量和框架标准的动画耗时相同。
onTargetFound()：只在目标视图被 attach 后调用一次。这是将目标视图要通过动画移动到准确位置最后的场所。
- 在内部，当 view 被 attach 时使用 LayoutManager 的 findViewByPosition() 方法查找对象。如果你的 LayoutManager 可以有效匹配 view 和 position ，可以覆写这个方法来优化性能。默认提供的实现是通过每次遍历所有子视图查找。

你可以自己实现一个 scroller 达到你想要的效果。不过这里我们只使用系统提供的 LinearSmoothScroller 就好了。只需实现一个方法computeScrollVectorForPosition()，然后告诉 scroller 初始方向还有从当前位置滚动到目标位置的大概距离。

@Override
public void smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state, final int position) {
    if (position >= getItemCount()) {
        Log.e(TAG, "Cannot scroll to "+position+", item count is "+getItemCount());
        return;
    }

    /*
     * LinearSmoothScroller's default behavior is to scroll the contents until
     * the child is fully visible. It will snap to the top-left or bottom-right
     * of the parent depending on whether the direction of travel was positive
     * or negative.
     */
    LinearSmoothScroller scroller = new LinearSmoothScroller(recyclerView.getContext()) {
        /*
         * LinearSmoothScroller, at a minimum, just need to know the vector
         * (x/y distance) to travel in order to get from the current positioning
         * to the target.
         */
        @Override
        public PointF computeScrollVectorForPosition(int targetPosition) {
            final int rowOffset = getGlobalRowOfPosition(targetPosition)
                    - getGlobalRowOfPosition(mFirstVisiblePosition);
            final int columnOffset = getGlobalColumnOfPosition(targetPosition)
                    - getGlobalColumnOfPosition(mFirstVisiblePosition);

            return new PointF(columnOffset * mDecoratedChildWidth, rowOffset * mDecoratedChildHeight);
        }
    };
    scroller.setTargetPosition(position);
    startSmoothScroll(scroller);
}

在这个实现中，和现有 ListView 的行为相似，无论是 RecyclerView 的哪个方向滚动，当视图完全可见时滚动就会停止。

接下来？

我们现在已经有些起色了！事实上还有很多可以实现的功能。在下篇文章中，我们会介绍如何给你的 LayoutManager 提供数据集改变时的动画效果。