[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);
            ...
       }
    }

如果喜欢，就点点赞

作者：Vane_Subin
链接：https://www.jianshu.com/p/cb4fc4f01cf9
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

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

猜你喜欢