UICollectionView根据不同需求使用系统提供方法

2024-06-18 21:48

本文主要是介绍UICollectionView根据不同需求使用系统提供方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

经过对UICollectionView的进一步开发研究,灵活运用真的是其乐无穷啊,今天做了一个对比,一个简单的效果可以通过大量代码和“精简代码”两种代码量达到。

我们先看我想要实现的效果
这里写图片描述
我要在一个界面实现六个collectionview,每一个collectionview包括三列。然后每个collectionviewcell只有一个图片。(为了简单展示这里只用一个图片展示了)。

接下来就是collectionview自定义layout的时候了,这个也是我今天想要重点说的,首先说第一种方法,规规矩矩写的布局约束。代码如下:

#import "SingleCollectionLayout.h"@interface SingleCollectionLayout()
/** 存放所有cell的布局属性 */
@property (nonatomic, strong) NSMutableArray *attrsArray;
/** 存放所有列的当前高度 */
@property (nonatomic,assign) CGFloat lastHeight;@end
@implementation SingleCollectionLayout#pragma mark -懒加载
-(NSMutableArray *)attrsArray
{if (!_attrsArray) {_attrsArray = [NSMutableArray array];}return _attrsArray;
}#pragma mark -默认布局方法
/// 准备布局
- (void)prepareLayout {[super prepareLayout];//清除所有的布局属性[self.attrsArray removeAllObjects];//设置滚动方向self.scrollDirection = UICollectionViewScrollDirectionVertical;//设置竖直方向最小间距self.minimumLineSpacing = 1;//设置水平方向最小间距self.minimumInteritemSpacing = 1;NSInteger rowNum = [self.collectionView numberOfItemsInSection:0];for (NSInteger n = 0; n<rowNum; n++) {//创建对应的IndexpathNSIndexPath *indexPath = [NSIndexPath indexPathForRow:n inSection:0];// 获取indexPath位置cell对应的布局属性UICollectionViewLayoutAttributes *attrs = [self layoutAttributesForItemAtIndexPath:indexPath];[self.attrsArray addObject:attrs];}}
-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect
{return self.attrsArray;
}
-(UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath
{// 创建布局属性UICollectionViewLayoutAttributes *attrs = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];//声明cell的位置和大小CGFloat cellWidth,cellHeighth,cellX,cellY;//cell的宽高cellWidth = self.collectionView.frame.size.width / 3;cellHeighth = cellWidth;if (indexPath.row == 0) {//添加section的header部分到布局属性数组里面UICollectionViewLayoutAttributes *layoutAttributesHeader = [UICollectionViewLayoutAttributes layoutAttributesForSupplementaryViewOfKind:UICollectionElementKindSectionHeader withIndexPath:indexPath];layoutAttributesHeader.frame = CGRectMake(0, 0, self.collectionView.frame.size.width, 40);[self.attrsArray addObject:layoutAttributesHeader];cellX = 0;cellY = 40;_lastHeight = 40;}else{NSInteger currentColumn = indexPath.row % 3;if (!currentColumn) {_lastHeight += cellWidth;}cellX = currentColumn * cellWidth;cellY = _lastHeight;}attrs.frame = CGRectMake(cellX, cellY, cellWidth, cellHeighth);return attrs;
}@end

根据上述代码我们可以看出来我的约束中只有一个header然后下面是每三个cell一行的布局,这样就是上述的规矩写法,下面我们看看简单的写法,简直刷新世界观。

#import "SingleCollectionLayout.h"@implementation SingleCollectionLayout
/// 准备布局
- (void)prepareLayout {[super prepareLayout];self.headerReferenceSize = CGSizeMake(self.collectionView.frame.size.width, 40);//设置item尺寸CGFloat itemWH = (self.collectionView.frame.size.width - 6) / 3;self.itemSize = CGSizeMake(itemWH, itemWH);//设置滚动方向self.scrollDirection = UICollectionViewScrollDirectionVertical;//设置最小间距self.minimumLineSpacing = 1;self.minimumInteritemSpacing = 1;}

没看错,就是这么一个方法,就是这么简单的几句话就可以完全实现上述的效果。

这篇关于UICollectionView根据不同需求使用系统提供方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1073145

相关文章

Golang interface{}的具体使用

《Golanginterface{}的具体使用》interface{}是Go中可以表示任意类型的空接口,本文主要介绍了Golanginterface{}的具体使用,具有一定的参考价值,感兴趣的可以了... 目录一、什么是 interface{}?定义形China编程式:二、interface{} 有什么特别的?✅

使用Python实现调用API获取图片存储到本地的方法

《使用Python实现调用API获取图片存储到本地的方法》开发一个自动化工具,用于从JSON数据源中提取图像ID,通过调用指定API获取未经压缩的原始图像文件,并确保下载结果与Postman等工具直接... 目录使用python实现调用API获取图片存储到本地1、项目概述2、核心功能3、环境准备4、代码实现

windows和Linux安装Jmeter与简单使用方式

《windows和Linux安装Jmeter与简单使用方式》:本文主要介绍windows和Linux安装Jmeter与简单使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录Windows和linux安装Jmeter与简单使用一、下载安装包二、JDK安装1.windows设

Spring 缓存在项目中的使用详解

《Spring缓存在项目中的使用详解》Spring缓存机制,Cache接口为缓存的组件规范定义,包扩缓存的各种操作(添加缓存、删除缓存、修改缓存等),本文给大家介绍Spring缓存在项目中的使用... 目录1.Spring 缓存机制介绍2.Spring 缓存用到的概念Ⅰ.两个接口Ⅱ.三个注解(方法层次)Ⅲ.

8种快速易用的Python Matplotlib数据可视化方法汇总(附源码)

《8种快速易用的PythonMatplotlib数据可视化方法汇总(附源码)》你是否曾经面对一堆复杂的数据,却不知道如何让它们变得直观易懂?别慌,Python的Matplotlib库是你数据可视化的... 目录引言1. 折线图(Line Plot)——趋势分析2. 柱状图(Bar Chart)——对比分析3

PyTorch中cdist和sum函数使用示例详解

《PyTorch中cdist和sum函数使用示例详解》torch.cdist是PyTorch中用于计算**两个张量之间的成对距离(pairwisedistance)**的函数,常用于点云处理、图神经网... 目录基本语法输出示例1. 简单的 2D 欧几里得距离2. 批量形式(3D Tensor)3. 使用不

Nginx 413修改上传文件大小限制的方法详解

《Nginx413修改上传文件大小限制的方法详解》在使用Nginx作为Web服务器时,有时会遇到客户端尝试上传大文件时返回​​413RequestEntityTooLarge​​... 目录1. 理解 ​​413 Request Entity Too Large​​ 错误2. 修改 Nginx 配置2.1

C#使用MQTTnet实现服务端与客户端的通讯的示例

《C#使用MQTTnet实现服务端与客户端的通讯的示例》本文主要介绍了C#使用MQTTnet实现服务端与客户端的通讯的示例,包括协议特性、连接管理、QoS机制和安全策略,具有一定的参考价值,感兴趣的可... 目录一、MQTT 协议简介二、MQTT 协议核心特性三、MQTTNET 库的核心功能四、服务端(BR

springboot项目redis缓存异常实战案例详解(提供解决方案)

《springboot项目redis缓存异常实战案例详解(提供解决方案)》redis基本上是高并发场景上会用到的一个高性能的key-value数据库,属于nosql类型,一般用作于缓存,一般是结合数据... 目录缓存异常实践案例缓存穿透问题缓存击穿问题(其中也解决了穿透问题)完整代码缓存异常实践案例Red

使用@Cacheable注解Redis时Redis宕机或其他原因连不上继续调用原方法的解决方案

《使用@Cacheable注解Redis时Redis宕机或其他原因连不上继续调用原方法的解决方案》在SpringBoot应用中,我们经常使用​​@Cacheable​​注解来缓存数据,以提高应用的性能... 目录@Cacheable注解Redis时,Redis宕机或其他原因连不上,继续调用原方法的解决方案1