瀑布流实现思路

Posted 2023-04-18

参考技术A 实现瀑布流，只需要重写 UICollectionViewLayout 类的3个方法：

瀑布流的规则：图片定宽而不定高；必须拿到图片的真实宽、高，以保证图片按正常比例显示，保证美观性。
每一行图片显示完之后，下一行图片显示的顺序是：从高度最矮的那一列开始显示；所以最好定义一个可变的数组来动态的保存每一列的高。
上拉刷新加载图片：
调用UIScrollerView的代理方法：屏幕正在滚动中都会调用此方法

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

参考技术A 瀑布流布局的特点是等宽不等高。为了让最后一行的差距最小，从第二行开始，需要将图片放在第一行最矮的图片下面，以此类推。父元素设置为相对定位，图片所在元素设置为绝对定位。然后通过设置top值和left值定位每个元素。