说一说V-Layout框架的原理和使用场景

Vlayout是alibaba开源的一个基础ui框架，用于快速实现一些复杂布局，在淘宝和天猫App中都有使用。

demo

先来看一下官方的介绍：

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

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

从RecyclerView出发

VLayout主要扩展自RecyclerView，咱们就从RecyclerView提及，先来看一下RecyclerView中的几个关键元素：

盗图一张

• RecyclerView.LayoutManager
  主要负责对RecyclerView中的ItemView布局，咱们常常用到它的子类：
  

  

• RecyclerView.ItemDecoration
  给每一项Item视图添加子View,能够在Item直接增长分割线等

• RecyclerView.ItemAnimator
  负责处理Item添加或者删除时候的动画效果

• RecyclerView.Adapter
  为每个positon提供ViewHolder

• RecyclerView.ViewHolder
  负责Item 自身的布局，并参与到RecyclerView的缓存策略中。

VLayout的思路

从官网的介绍VLayout扩展的主要是LayoutManager，具体布局逻辑在LayoutHelper中实现。Vlayout提供了各类各样的LayoutHelper实现，同时也能够很是容易地扩展实现自定义的LayoutHelper。

能够看的上图的列表中有各类各样的布局，这些都是LayoutHelper的功劳。

咱们知道在RecyclerView中正常是只有一种布局的，若是列表中须要使用不一样的布局，能够经过设置不一样的ItemType，提供多种ViewHolder来实现。

VLayout使用了不一样的思路。其继承RecyclerView.Adapter类来实现DelegateAdapter类，经过DelegateAdapter来实现复杂布局的展现，同时实现了本身的缓存。

DelegateAdapter的原理实际上是串联多个继承自RecyclerView.Adapter的adapter来管理数据和视图的适配：

因此每一个adapter和layouthelper负责一个区域，每一个区域有多个ItemView。

DelegateAdapter负责组合多个adapter，展现在RecyclerView中。

这有一个比较明显的缺点是，每一个子adapter只负责一个连续的区域，若是，有多个区域须要一样的adapter，就须要添加两次adapter。

VLayout 使用场景

从以上的分析中，我的认为相似淘宝这样形式的布局很是适合使用VLayout，而且VLayout提供了多种layoutHelper，使用很是方便。

可是若是是相似于微博、微信这种Feed流为主的界面，使用VLayout并无什么优点，徒增实现的复杂度。

欢迎关注公众号wutongke，按期推送移动开发前沿技术文章：

wutongke

推荐阅读

说一说Facebook开源的Litho
使用ConstraintLayout制做漂亮的动画