UICollectionViewLayout中layoutAttributes的两个方法区别

最新推荐文章于 2021-10-11 17:45:31 发布
最新推荐文章于 2021-10-11 17:45:31 发布
阅读量4.7k 收藏 1
点赞数
分类专栏： 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30932479/article/details/80015008
版权

方法1，

-(UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath
作用：返回rect中的所有元素的布局属性。

方法2

-(NSArray *)layoutAttributesForElementsInRect:(CGRect)rect

作用：返回对应indexPath的位置的cell的布局属性。


区别：方法1 对任意indexPath而言的 ;方法2   rect是可见部分的rect。方法2的实现往往依赖于方法1，根据rect 取得可见的indexpath，再根据方法1取得layout attributes，加入数组然后返回。

本文参考：点击打开链接

出来嗨
关注
专栏目录
UICollectionView——2.环形布局（swift）
不会飞的船
01-21 401
主要步骤：添加一个class继承UICollectionViewFlowLayout 添加一个数组属性，用来存放每个item的局部信息（item.frame） 重写prepare方法，设置每个item的frame，并存入数组 重写layoutAttributesForElements方法，并将存放item.frame信息的数组返回 import UIKit import Foundation class CircleLayout: UICollectionViewFlowLayout { v.
1121 - iOS之UICollectionViewLayoutAttributes类
qq_30185503的博客
11-21 385
Class UICollectionViewLayoutAttributes --A layout object that manages the layout-related attributes for a given item in a collection view. 这是一个布局对象，用于管理给定item的与布局相关的特征 Declaration -- 声明 cl...
UICollectionView Layout自定义 Layout布局
weixin_34191734的博客
12-26 163
from: http://www.tuicool.com/articles/vuyIriN 当我们使用系统自带的UICollectionViewFlowLayout无法实现我们的布局时，我们就可以考虑自定义layout。 所以，了解并学习一下自定义Layout是很有必要。 其实可以分三个步骤： 覆写prepareLayout方法，并在里面事先就计算好必要的布局信息并存储起来...
UICollectionViewLayoutAttributes初探
CaryaLiu的专栏
12-31 3901
UICollectionViewLayoutAttributes是UICollectionView的重要组成部分，本文从其基本定义、如何使用以及使用场景几方面来简单介绍。文末以自定义UICollectionView各个Section的背景色的示例来展示UICollectionViewLayoutAttributes的应用。
自定义UICollectionViewLayout
Sheffi
08-18 841
UICollectionView 首先从collectionView说起，collectionView由三个部分构成： Cells Supplementary Views 追加视图 （类似Header或者Footer） Decoration Views 装饰视图 （用作背景展示） 一方面，collectionView和tableview一样，由提供数据的UICollectionViewDataSo
layoutAttrbutesForElementsInRect
05-13 523
UICollectionView之定制UICollectionViewLayout
Louis的专栏
01-11 536
这是博主的WWDC2012笔记系列中的一篇，完整的笔记列表可以参看这里。如果您是首次来到本站，也许您会有兴趣通过RSS，或者通过页面左侧的邮件订阅的方式订阅本站。 在上一篇UICollectionView的入门介绍中，大概地对iOS6新加入的强大的UICollectionView进行了一些说明。在这篇博文中，将结合WWDC2012 Session219：Advanced Collec
瀑布流UICollectionViewFlowLayout/UICollectionViewLayout
u010707262的博客
07-13 526
第二章: 两种布局样式的切换 线性布局--环形布局 继承UICollectionViewLayout的瀑布流 第一章中我们已经实现了滚动的布局,这里我们再加一个环形布局,实现两种布局的切换. 效果如下图所示: 1.首先我们要创建一个继承UICollectionViewLayout的瀑布流 2.实现以下方法. #import "WJCircleLayout.h" @interface WJCi...
iOS 实现瀑布流的三个关键方法
u013016828的专栏
12-16 1788
瀑布流布局提供了一种在有限的视图区域内尽可能多的展示更多的内容，它可以摒弃掉iOS默认布局（UICollectionViewFlowLayout）的不规整的缺点。百度图片就是使用的横向的流式布局方式：虽然图片的size各有不同，通过把他们约束在相同高度、不同长度的视图内（高度一定，等比例缩放长度），实现规整的排列。 iOS中实瀑布流有很多方式：多列UITableView、使用UIScrollVi
UICollectionView(二)自定义布局UICollectionViewLayout
欢迎来到Jack的程序世界
11-03 1821
创建自定义布局 在开始创建自定义布局之前，首先需要考虑是否必要，下列情况需要考虑使用自定义布局： 1：布局你想要的界面，并不像网格或者基于线程的布局效果。或者需要滚动不止一个方向。 2：你想要频繁改变所有cell的位置，这可能比创建自定义布局有更多的工作，主要是修改存在的流动布局(flow layout ) 好消息是，从API角度来看，实现自定义布局并不困难，最困难的部分是实现计算来确定布...
UICollectionView基础进阶（二）+ UICollectionViewLayout自定义
weixin_41473928的博客
02-07 1095
前言 这篇文章主要介绍了UICollectionViewLayout的自定义的实现，只要学会基本的定义，更复杂的也不会太难，文末介绍了UICollectionView使用自定义Layout实现的动画，我会用简单的实例来解释，文章中还有我在实战中遇到的问题也写出来以供参考，这篇文章是我的总结与实战，原创文章，转载请注明出处。 我的 UICollectionView强大的原因UICollection...
ios collectionview 自定义布局_CollectionView 的装饰视图自定义布局，糊一张带阴影效果的，Swift 5...
weixin_39762001的博客
01-20 456
1，糊一张装饰视图装饰视图 Decoration View ，苹果的例子是一个 cell 贴一张背景图。实际上，一个 section ,贴一张背景图，可以的。苹果设计的非常灵活，背景图 layout 可以自由设置。比如：一个 section 里面有很多单元格 item , 可以一个 section 的后面 ，放一张装饰背景图感觉 layout 都自定义了，没什么具体的范式，根据需求做就好。苹果也没...
UICollectionViewLayout
我，就是大海 ，而你，是我的蓝天 ！
03-17 229
HJFlowLayout： // // HJFlowLayout.m // JHCircleLayout // // Created by qianfeng on 16/10/15. // Copyright © 2016年 qianfeng. All rights reserved. // #import "HJFlowLayout.h" @implementation HJFlo
20、UICollectionView的使用
重楼的博客
10-11 935
20、UICollectionView的使用UICollectionView的设计理念UICollectionView的工作流程UICollectionViewFlowLayout的用法UICollectionViewFlowLayout常用的属性常用方法preparelayoutAttributesForItemlayoutAttributesForSupplementaryViewcollectionViewContentSizelayoutAttributesForElements自定义FlowLay
基础篇(十一) 布局（Layout）和属性（Attribute）
安卓学吧
10-30 1156
LinearLayout —— 线性布局，单行单列的布局 RelativeLayout —— 里面可以放多个组件，组件的位置都是相对位置 FrameLayout —— 组件放到左上角 TableLayout —— 表格布局，多行多列的布局 AbsoluteLayout —— 里面可以放多个组件，并且可以自己定义组件的x,y的位置
Swift-UICollectionView布局之线性布局
Cheny的博客
05-20 3193
Swift-UICollectionView布局之线性布局应用场景 轮播图（AppStore） 数据展示（招商银行账单页） 图片查看器 实现思路 线性布局，在二维平面上滚动，所以继承自流水布局(UICollectionViewFlowLayout) 流水布局提供一下属性： itemSize sectionInset scrollDirection minimumLineSpacing 每个cell
iOS学习之UICollectionView
u013712343的博客
05-28 1045
今天，抽空巩固了一下UICollectionview这个UI控件。UICollectionview控件也是开发中经常使用到的一个控件，相比于UITableview，UICollectionview是iOS6之后引入的一个新的UI控件，它和UITableview有着许多的相似之处，但是它是一个比UITableView更加强大的一个视图控件，使用过程中需要实现数据源以及代理方法，其特点如下： （1）系统自带的流水布局支持水平和垂直两种方式的布局；（2）通过layout配置方式进行布局；（3）collectio
多分组多列的不规则布局实现原理(复杂首页布局)
die_word的博客
07-18 1178
在常见的UI布局中，往往会含有广告栏banner，按钮，商品信息展示等等元素。例如如下的布局格式 其解决方式优先想到的是采用瀑布流自定义布局去实现类似的布局格式 自定义CollectionViewLayout 自定义CollectionViewLayout需要去实现如下的基础方法 1、prepareLayout预先布局方法 2、collectionViewContentSize 返回...
一个好用的iOS 动态宽度自适应layout LBAttributeLayout
liubo的博客
09-21 894
效果图 LBAttributeLayout 文章目录场景实现原理核心逻辑关键代码使用方法 场景 该布局的使用场景有很多：搜索记录 ，商品sku, 一些标签等等 实现原理 UICollectionFlowLayout 是 在prepareLayout 创建布局属性，然后 通过 collectionViewContentSize 方法返回内容的size 通过layoutAttributesForElementsInRect 方法 返回各个item的布局的， 所以，我们自定义layout 的时候，需要重写这三
UICollectionView item 两小一大
最新发布
06-02
如果你想在一个 UICollectionView 中实现两个小的 item 和一个大的 item 的布局，可以利用 UICollectionViewDelegateFlowLayout 协议的方法进行实现。 具体思路如下： 1. 首先确定一个大的 item 和两个小的 item 的大小，可以使用两个 CGFloat 类型的常量来表示。 2. 然后，在 collectionView(_:layout:sizeForItemAt:) 方法中，根据每个 item 所在的 indexPath，判断当前的 item 是大的 item 还是小的 item，并返回对应的大小。可以使用三目运算符或者 switch 语句来实现。 3. 最后，在 collectionView(_:layout:insetForSectionAt:) 方法中，设置 section 的内边距，使得大的 item 和小的 item 的排列能够正确地对齐。 下面是一个示例代码： ```swift class MyViewController: UIViewController { let bigItemSize: CGFloat = 200 let smallItemSize: CGFloat = 100 let itemSpacing: CGFloat = 10 let sectionInset: UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10) // ... 其他代码 ... } extension MyViewController: UICollectionViewDelegateFlowLayout { func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { if indexPath.item % 3 == 0 { // 大的 item return CGSize(width: bigItemSize, height: bigItemSize) } else { // 小的 item return CGSize(width: smallItemSize, height: smallItemSize) } } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { return sectionInset } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat { return itemSpacing } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat { return itemSpacing } } ``` 在上面的例子中，我们假设每行有三个 item，其中每个大的 item 占据一行，每个小的 item 占据一列。因此，在 minimumLineSpacingForSectionAt 和 minimumInteritemSpacingForSectionAt 方法中，我们都返回了 itemSpacing，即 item 之间的间距。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值