基本样式
recycler-view 的最基本样式,每个元素的高为 100px,宽为 100%
No.x 代表了这个元素在容器的子元素中排在第几位,是由 css counter 计算得出。
也就是说,x 的最大值代表了容器的子元素个数(红底即为容器的最后一个子元素,也即最大值)
举例来说,假如看到 No.10,代表这是容器子元素的第 10 个,如果 No.10 为红底,则说明容器共有 10 个子元素
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、渲染范围等。
点击下面的按钮尝试切换容器。