[Android]使用VLayout，你可能遇到的问题

概述

VirtualLayout是一个针对RecyclerView的LayoutManager扩展, 主要提供一整套布局方案和布局间的组件复用的问题。

设计思路

• 通过定制化的LayoutManager，接管整个RecyclerView的布局逻辑；
• LayoutManager管理了一系列LayoutHelper，LayoutHelper负责具体布局逻辑实现的地方；
• 每一个LayoutHelper负责页面某一个范围内的组件布局；
• 不同的LayoutHelper可以做不同的布局逻辑，因此可以在一个RecyclerView页面里提供异构的布局结构，这就能比系统自带的LinearLayoutManager、GridLayoutManager等提供更加丰富的能力。 同时支持扩展LayoutHelper来提供更多的布局能力。

主要功能

• 默认通用布局实现，解耦所有的View和布局之间的关系: Linear, Grid, 吸顶, 浮动, 固定位置等。
  • LinearLayoutHelper: 线性布局
  • GridLayoutHelper: Grid布局， 支持横向的colspan
  • FixLayoutHelper: 固定布局，始终在屏幕固定位置显示
  • ScrollFixLayoutHelper: 固定布局，但之后当页面滑动到该图片区域才显示, 可以用来做返回顶部或其他书签等
  • FloatLayoutHelper: 浮动布局，可以固定显示在屏幕上，但用户可以拖拽其位置
  • ColumnLayoutHelper: 栏格布局，都布局在一排，可以配置不同列之间的宽度比值
  • SingleLayoutHelper: 通栏布局，只会显示一个组件View
  • OnePlusNLayoutHelper: 一拖N布局，可以配置1-5个子元素
  • StickyLayoutHelper: stikcy布局， 可以配置吸顶或者吸底
  • StaggeredGridLayoutHelper: 瀑布流布局，可配置间隔高度/宽度
• 上述默认实现里可以大致分为两类：一是非fix类型布局，像线性、Grid、栏格等，它们的特点是布局在整个页面流里，随页面滚动而滚动；另一类就是fix类型的布局，它们的子节点往往不随页面滚动而滚动。
• 所有除布局外的组件复用，VirtualLayout将用来管理大的模块布局组合，扩展了RecyclerView，使得同一RecyclerView内的组件可以复用，减少View的创建和销毁过程。

以上是VLayout 在 GitHub 上的介绍

RecyclerView 焦点

如果发现你的RecyclerView 在滑动的过程中经常跳屏(暂且称它为跳屏，现象是总是跳到某个item)，那么你可能遇到RecyclerView与子item某控件的焦点冲突问题。处理这类问题的方法有很多，例如你可以在你的xml中使用android:descendantFocusability，这里就不赘述了。

横向滑动组件

在使用VLayout的过程中，你会发现根本找不到一个横向线性布局的Helper(LinearLayoutHelper不支持横向)

GitHub issues #9

那么我们按照VLayout设计者的建议，自行嵌套一个横向的RecyclerView。创建类HorizontalAdapter 并继承DelegateAdapter.Adapter<HorizontalViewHolder>

public class HorizontalAdapter extends DelegateAdapter.Adapter<HorizontalViewHolder> {

    private Context mContext;

    private LayoutHelper mLayoutHelper;

    public HorizontalAdapter(Context context, LayoutHelper layoutHelper) {
        this.mContext = context;
        this.mLayoutHelper = layoutHelper;
    }

    @Override
    public LayoutHelper onCreateLayoutHelper() {
        return mLayoutHelper;
    }

    @Override
    public HorizontalViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == 4) {
            return new HorizontalViewHolder(
                    LayoutInflater.from(mContext).inflate(R.layout.layout_recyclerview, parent, false));
        }
        return null;
    }

    @Override
    public void onBindViewHolder(NormalViewHolder holder, int position) {
        if (holder.itemView instanceof RecyclerView) {
            RecyclerView recyclerView = (RecyclerView) holder.itemView;
            LinearLayoutManager linearLayoutManager = new LinearLayoutManager(mContext);
            linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
            recyclerView.setLayoutManager(linearLayoutManager);
            recyclerView.setAdapter(new HotItemAdapter(mContext, list,listener));
        }
    }

    @Override
    public int getItemViewType(int position) {
        return 4;
    }

    @Override
    public int getItemCount() {
        return 1;
    }
}

至此，初步的Adapter已经码好了。那么问题来了

横向RecyclerView 状态重置。
这句话什么意思，就是当你的横向RecyclerView滑出屏幕外被复用时，之前对横向RecyclerView或其子item做的操作都将重置。例如横向RecyclerView滑动过的距离，当你滑出屏幕外后再滑回来，横向RecyclerView又回到第一个item。
解决思路：
当横向RecyclerView 将被复用时，记录RecyclerView的状态。当横向RecyclerView 即将出现在屏幕内时，恢复其状态。
我们在HorizontalAdapter中重写两个方法onViewDetachedFromWindow和onViewAttachedToWindow，以上面滑动距离为例

    @Override
    public void onViewDetachedFromWindow(NormalViewHolder holder) {
        if (holder.itemView instanceof RecyclerView) {
            RecyclerView recyclerView = ((RecyclerView) holder.itemView);
            LinearLayoutManager manager = (LinearLayoutManager) recyclerView.getLayoutManager();
            position = manager.findFirstVisibleItemPosition();
            View view = manager.findViewByPosition(position);
            ViewGroup.MarginLayoutParams lp = 
                              (ViewGroup.MarginLayoutParams) view.getLayoutParams();
            if (view != null) {
                xOffset = view.getLeft() - lp.leftMargin; //如果你设置了margin则减去
            }
        }
        super.onViewDetachedFromWindow(holder);
    }

    @Override
    public void onViewAttachedToWindow(NormalViewHolder holder) {
        super.onViewAttachedToWindow(holder);
        if (holder.itemView instanceof RecyclerView) {
            RecyclerView recyclerView = ((RecyclerView) holder.itemView);
            LinearLayoutManager manager = (LinearLayoutManager) recyclerView.getLayoutManager();
            manager.scrollToPositionWithOffset(position, xOffset);
        }
    }

如果你还内嵌了ViewPager(轮播?)，同样会出现组件的状态问题。因为VLayout干预不到这一层，所以我们还是得自己解决，解决方案同上

共用复用池
当我们需要嵌套RecyclerView时，我们让子RecyclerView与父RecyclerView共用一个复用池

public HorizontalAdapter(Context context, LayoutHelper layoutHelper, RecyclerView.RecycledViewPool viewPool) {
        this.mContext = context;
        this.mLayoutHelper = layoutHelper;
        this.viewPool = viewPool;
    }

    @Override
    public void onBindViewHolder(NormalViewHolder holder, int position) {
        if (holder.itemView instanceof RecyclerView) {
            RecyclerView recyclerView = (RecyclerView) holder.itemView;
            recyclerView.setRecycledViewPool(viewPool);
            ...
       }
    }