h5瀑布流布局会留白

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5瀑布流布局会留白相关的知识,希望对你有一定的参考价值。

参考技术A 可以使用RecyclerView实现瀑布流。
加载更多的时候,数据填充进adapter之后的刷新,要用这个方法,其中position就是你添加数据之前,adapter里边的数据总量,其实也是开始刷新的那个下标的位置。
瀑布流布局即不会出现错乱现象,而且会最大限度显示图片的内容。所以是众多图片网站选择的布局方式。而瀑布流布局目前有两种形式:一是等宽型,二是等高型。

瀑布流布局顶端边距失效是怎么回事

参考技术A 瀑布流布局有一个专业的英文名称Masonry Layouts。瀑布流布局已经有好多年的历史了,我最早知道这个名词的时候大约是在2012年,当时Pinterest网站的布局就是使用的这种流式布局,简言之像Pinterest网站这样的布局就称之为瀑布流布局,也有人称之为Pinterest 布局。

  瀑布流又称瀑布流式布局,是比较流行的一种网站页面布局方式。即多行等宽元素排列,后面的元素依次添加到其后,等宽不等高,根据图片原比例缩放直至宽度达到我们的要求,依次按照规则放入指定位置。

  瀑布流布局的核心是基于一个网格的布局,而且每行包含的项目列表高度是随机的(随着自己内容动态变化高度),同时每个项目列表呈堆栈形式排列,最为关键的是,堆栈之间彼此之间没有多余的间距差存大。还是上张图来看看我们说的瀑布流布局是什么样子。

以上是关于h5瀑布流布局会留白的主要内容,如果未能解决你的问题,请参考以下文章

瀑布流布局顶端边距失效是怎么回事

WPF如何实现瀑布流布局?

前端之瀑布流布局(多种实现方案)

css 瀑布流布局问题 高手进

关于waterfall 瀑布流布局出现布局错乱的问题

flex实现瀑布流布局为啥不适合动态加载数据