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

相关文章

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

C#中读取XML文件的四种常用方法

《C#中读取XML文件的四种常用方法》Xml是Internet环境中跨平台的,依赖于内容的技术,是当前处理结构化文档信息的有力工具,下面我们就来看看C#中读取XML文件的方法都有哪些吧... 目录XML简介格式C#读取XML文件方法使用XmlDocument使用XmlTextReader/XmlTextWr

如何使用Java实现请求deepseek

《如何使用Java实现请求deepseek》这篇文章主要为大家详细介绍了如何使用Java实现请求deepseek功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1.deepseek的api创建2.Java实现请求deepseek2.1 pom文件2.2 json转化文件2.2

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

C++初始化数组的几种常见方法(简单易懂)

《C++初始化数组的几种常见方法(简单易懂)》本文介绍了C++中数组的初始化方法,包括一维数组和二维数组的初始化,以及用new动态初始化数组,在C++11及以上版本中,还提供了使用std::array... 目录1、初始化一维数组1.1、使用列表初始化(推荐方式)1.2、初始化部分列表1.3、使用std::

C++ Primer 多维数组的使用

《C++Primer多维数组的使用》本文主要介绍了多维数组在C++语言中的定义、初始化、下标引用以及使用范围for语句处理多维数组的方法,具有一定的参考价值,感兴趣的可以了解一下... 目录多维数组多维数组的初始化多维数组的下标引用使用范围for语句处理多维数组指针和多维数组多维数组严格来说,C++语言没

在 Spring Boot 中使用 @Autowired和 @Bean注解的示例详解

《在SpringBoot中使用@Autowired和@Bean注解的示例详解》本文通过一个示例演示了如何在SpringBoot中使用@Autowired和@Bean注解进行依赖注入和Bean... 目录在 Spring Boot 中使用 @Autowired 和 @Bean 注解示例背景1. 定义 Stud

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import

oracle DBMS_SQL.PARSE的使用方法和示例

《oracleDBMS_SQL.PARSE的使用方法和示例》DBMS_SQL是Oracle数据库中的一个强大包,用于动态构建和执行SQL语句,DBMS_SQL.PARSE过程解析SQL语句或PL/S... 目录语法示例注意事项DBMS_SQL 是 oracle 数据库中的一个强大包,它允许动态地构建和执行