RecyclerView

基本样式

recycler-view 的最基本样式,每个元素的高为 100px,宽为 100%

No.x 代表了这个元素在容器的子元素中排在第几位,是由 css counter 计算得出。

也就是说,x 的最大值代表了容器的子元素个数(红底即为容器的最后一个子元素,也即最大值)

举例来说,假如看到 No.10,代表这是容器子元素的第 10 个,如果 No.10 为红底,则说明容器共有 10 个子元素


多列样式

recycler-view 多列样式,每个元素高为 150px,宽为 33.3%。


瀑布流

recycler-view 瀑布流实现,每个元素宽为 50%,高在 100px ~ 400px 之间随机。


横向瀑布流

recycler-view 横向瀑布流实现。

每个元素高度为 150px。每行随机分配 1 ~ 3 个元素,根据每行元素个数不同,每个元素的宽也相应随机。


上下预留空间

顶部预留 120px,底部预留 50px


多容器

demo 中包含两个容器,分别使用 基本样式 和 瀑布流样式。

每个容器分别维护自身状态,例如数据源、scrollTop、渲染范围等。

点击下面的按钮尝试切换容器。