前言 项目需求要弄个瀑布流的页面，用的是waterfall这个插件，感觉还是可以的，项目赶就没自己的动手写。最近闲来没事，就自己写个。大致思路理清楚，还是挺好实现的... 原生javascript版 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...
没有前言，先上DEMO（手机上看效果更佳）和原码。 瀑布流形式的图片布局方式在手机等移动端设备上运用广泛，比较常见的是下面前两种： 一、等宽等高 这种形式实现起来非常容易，这里就不再多说。 二、等宽不等高 这种形式算是比较正统的瀑布流布局形式，关于如何实现的请参考之前的一篇博文——jQuery瀑布流详解。 三、等高不等宽 在之前的工作中接触到了这种形...
一、瀑布流是个啥？ 瀑布流，是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。 最早采用瀑布流布局的网站是Pinterest，逐渐在国内流行开来，比如我们熟知的百度图片的布局，在“很久”以前，百度图片还是需要一页一页的点击进行查看更多图片，而现在的瀑布流布局使用户查找图片...
今天研究了一下自定义UICollectionViewLayout。 看了看官方文档,要自定义UICollectionViewLayout，需要创建一个UICollectionViewLayout的子类。同时，可以通过一下3个方法传递布局信息、contentSize、cells的信息等。 一、继承UICollectionViewLayout，重写以下方法...