概述
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不支持横向)
那么我们按照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);
...
}
}
