UICollectionView之控件瀑布流
来源:互联网 发布:淘宝店铺升级企业店铺 编辑:程序博客网 时间:2024/05/01 00:20
UICollectionView 之瀑布流
说起瀑布流,百度上给的词条意识为瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。
我个人粗浅的理解就是,整体的图片看久了可能会给人审美疲劳的感觉,瀑布流,顾名思义,像瀑布一样的流水布局,看起来错落有致,给人以眼前一新的感觉.好了,关于瀑布流就扯这么多, 下面开始说代码把.
-(UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath;
-(UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath;
这两行代码是理解瀑布流的关键, 第一行的代码含义是获得 可见范围内的 cell 的属性, 第二行的代码还以是获得当前 indexPath.item 的属性.我们要在获得当前indexPath.item 的属性, 并判断当前的 x, y 值,取出最小的 y 值,计算 y 对应的 x 位置下一行的数据,从最小的 y 值的位置开始插入,
-(CGSize)collectionViewContentSize{
其次要实现这个方法, 这个方法设置 collectionView当前的尺寸(SIZE), 如果不设置的话,瀑布流并不会滚动
<span style="font-size:18px;">-(BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds;</span><span style="font-size:14px;"></span>
做瀑布流, 需要使用 UICollectionView 及 自定义 UICollectionViewCell,UICollectionViewFlowLayout. 每个 cell 的尺寸都是在 Plist 中写好的, 数据源需要用的 Model.图片用的是 SDWebImage 第三方框架, label 数据来自 model.
1 0
- UICollectionView之控件瀑布流
- UICollectionView之控件瀑布流
- UICollectionView之瀑布流
- UICollectionView瀑布流制作
- UICollectionView实现瀑布流
- iOS UICollectionView瀑布流
- UICollectionView 瀑布流 初级
- 瀑布流UICollectionView
- UICollectionView瀑布流
- 瀑布流+UICollectionView
- iOS开发之瀑布流的实现(UICollectionView与UIScrollView)
- IOS开发之瀑布流的实现(UICollectionView与UIScrollView)
- IOS瀑布流通过UICollectionView控件实现
- IOS瀑布流通过UICollectionView控件实现
- IOS瀑布流通过UICollectionView控件实现
- UICollectionView简单案例 - 瀑布流
- UICollectionView详解五:瀑布流
- UICollectionView详解5:瀑布流
- 每日一个小算法(一) 数组中连续个数组成的和最大
- matlab偏最小二乘法及其检验
- 事件交互与hitTest的的重写
- zstu 2547 数的计数
- CentOS下NTP时间服务器的架设和Windows客户端的配置(三)Windows客户端配置
- UICollectionView之控件瀑布流
- 主流视频通话平台SDK对比
- 【大型网站技术架构笔记】(二)大型网站架构模式与核心要素
- 【CSS3】CSS生成内容:content
- Codeforces Round #258 (Div. 2)E. Devu and Flowers
- kidd风的IOS日志之视图之间的切换详细介绍
- 【大型网站技术架构笔记】(三)高性能与高可用架构
- 关于Java运行外部程序时的Process和Runtime类
- PullToRrefresh自定义下拉刷新动画