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: 瀑布流布局,可配置间隔高度/宽度




阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页