RecyclerView + Vlayout的简单使用

Vlayout  阿里实现并开源，实现复杂页面简单布局

使用方法, 与RecyclerView 实现方式类似，

private RecyclerView recyclerView;//  页面布局的recyclerView控件

//设置布局管理

VirtualLayoutManager  manager = new VirtualLayoutManager(context);

recyclerView.setLayoutManager(manager);

manager.setLayoutViewFactory(new LayoutViewFactory() {
    @Override
    public View generateLayoutView(@NonNull Context context) {
        return new LinearLayout(context);
    }
});

//设置adapter
DelegateAdapter delegateAdapter = new DelegateAdapter(manage, false);
recyclerView.setAdapter(delegateAdapter );

注意VirtualLayoutManager 与 DelegateAdapter

 
然后就是往  delegateAdapter 里面添加数据

例如： 

LinearLayoutHelper helper = new LinearLayoutHelper();

TestAdapter testAdapter = new TestAdapter(context, helper);
delegateAdapter.addAdapter(testAdapter);


//实现TestAdapter与普通RecyclerView的Adapter实现类似

public class TestAdapter extends DelegateAdapter.Adapter<TestAdapter.ViewHolder>{
   private LinearLayoutHelper helper;
   private Context mContext;
   
   public(Context mContext, LinearLayoutHelper helper){
       this.mContext = mContext;
       this.helper = helper;
   }
   
  

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

public class ViewHolder extends RecyclerView.ViewHolder{
public(View itemView){
super(itemView);
}
}
}

• LinearLayoutHelper: 线性布局
• GridLayoutHelper: Grid布局， 支持横向的colspan
• FixLayoutHelper: 固定布局，始终在屏幕固定位置显示
• ScrollFixLayoutHelper: 固定布局，但之后当页面滑动到该图片区域才显示, 可以用来做返回顶部或其他书签等
• FloatLayoutHelper: 浮动布局，可以固定显示在屏幕上，但用户可以拖拽其位置
• ColumnLayoutHelper: 栏格布局，都布局在一排，可以配置不同列之间的宽度比值
• SingleLayoutHelper: 通栏布局，只会显示一个组件View
• OnePlusNLayoutHelper: 一拖N布局，可以配置1-5个子元素
• StickyLayoutHelper: stikcy布局， 可以配置吸顶或者吸底
• StaggeredGridLayoutHelper: 瀑布流布局，可配置间隔高度/宽度