iOS UIColletionView实现header和footter

// ProfileViewController.m

// scxhgh

// Created by xmkjsoft on 2024/7/16.

#import "ProfileViewController.h"

@interface ProfileViewController () <UICollectionViewDataSource, UICollectionViewDelegateFlowLayout>

@property (nonatomic, strong) UICollectionView *collectionView; // 声明UICollectionView属性

@end

@implementation ProfileViewController

  • (void)viewDidLoad {

super viewDidLoad;

// 设置背景色

self.view.backgroundColor = UIColor whiteColor;

// 创建并设置UICollectionView

self setupCollectionView;

}

  • (void)setupCollectionView {

UICollectionViewFlowLayout *layout = \[UICollectionViewFlowLayout alloc init];

layout.itemSize = CGSizeMake(100, 100); // 设置每个cell的大小

layout.minimumLineSpacing = 10; // 设置行间距

layout.minimumInteritemSpacing = 10; // 设置列间距

layout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10); // 设置section的内边距

// 设置header的大小

layout.headerReferenceSize = CGSizeMake(self.view.frame.size.width, 50);

// 设置footer的大小

layout.footerReferenceSize = CGSizeMake(self.view.frame.size.width, 50);

self.collectionView = \[UICollectionView alloc initWithFrame:self.view.bounds collectionViewLayout:layout];

self.collectionView.dataSource = self;

self.collectionView.delegate = self;

self.collectionView.backgroundColor = UIColor whiteColor;

// 注册cell类

self.collectionView registerClass:\[UICollectionViewCell class forCellWithReuseIdentifier:@"cellIdentifier"];

// 注册header类

self.collectionView registerClass:\[UICollectionReusableView class forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"headerIdentifier"];

// 注册footer类

self.collectionView registerClass:\[UICollectionReusableView class forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"footerIdentifier"];

self.view addSubview:self.collectionView;

}

  • (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath {

if (kind isEqualToString:UICollectionElementKindSectionHeader) {

UICollectionReusableView *headerView = collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"headerIdentifier" forIndexPath:indexPath;

// 移除之前的所有子视图,避免复用问题

headerView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview);

// 添加一个UILabel到headerView

UILabel *titleLabel = \[UILabel alloc initWithFrame:headerView.bounds];

titleLabel.text = @"这是Header";

titleLabel.textAlignment = NSTextAlignmentCenter;

titleLabel.textColor = UIColor blackColor;

headerView addSubview:titleLabel;

return headerView;

} else if (kind isEqualToString:UICollectionElementKindSectionFooter) {

UICollectionReusableView *footerView = collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"footerIdentifier" forIndexPath:indexPath;

// 移除之前的所有子视图,避免复用问题

footerView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview);

// 添加一个UILabel到footerView

UILabel *footerLabel = \[UILabel alloc initWithFrame:footerView.bounds];

footerLabel.text = @"这是Footer";

footerLabel.textAlignment = NSTextAlignmentCenter;

footerLabel.textColor = UIColor grayColor;

footerView addSubview:footerLabel;

return footerView;

}

return nil;

}

#pragma mark - UICollectionViewDataSource

  • (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {

return 1; // 返回section的数量

}

  • (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {

return 5; // 返回每个section中item的数量

}

  • (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {

UICollectionViewCell *cell = collectionView dequeueReusableCellWithReuseIdentifier:@"cellIdentifier" forIndexPath:indexPath;

cell.backgroundColor = UIColor systemBlueColor; // 设置cell的背景色

// 可以在这里添加更多的自定义内容,比如在cell上添加一个UILabel

UILabel *label = \[UILabel alloc initWithFrame:cell.contentView.bounds];

label.text = NSString stringWithFormat:@"%ld", (long)indexPath.row;

label.textAlignment = NSTextAlignmentCenter;

label.textColor = UIColor whiteColor;

cell.contentView addSubview:label;

return cell;

}

#pragma mark - UICollectionViewDelegateFlowLayout

  • (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {

// 设置列数

NSInteger numberOfColumns = 5;

// 获取当前屏幕的宽度

CGFloat totalWidth = collectionView.bounds.size.width;

// 设置section的内边距(与layout.sectionInset一致)

CGFloat sectionInset = 10.0;

// 设置item之间的最小列间距(与layout.minimumInteritemSpacing一致)

CGFloat minimumInteritemSpacing = 10.0;

// 计算item的宽度

CGFloat itemWidth = (totalWidth - (sectionInset * 2) - ((numberOfColumns - 1) * minimumInteritemSpacing)) / numberOfColumns;

// 返回item的大小

return CGSizeMake(itemWidth, itemWidth);

}

@end

相关推荐
kk_net889920 分钟前
FSNotes:macOS 和 iOS 上的开源笔记管理器
笔记·其他·macos·ios
00后程序员张31 分钟前
Windows 开发 iOS App 入门,用 SwiftUI 写第一个 iOS App 装到 iPhone
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
2501_9151063210 小时前
抓包抓到乱码或压缩字节怎么解析,TraceEagle五种查看模式和一键解码
网络协议·计算机网络·网络安全·ios·adb·https·udp
andyweike20 小时前
Swift
开发语言·ios·swift
金海星科技21 小时前
船舶交通管理中心的人工智能值守:从“听、说、读、写“看人机协同
人工智能·macos·xcode
茶底世界之下21 小时前
白杯偏蓝,色温调到哪里该停?Awaking 两版正式导出
ios
2501_915921431 天前
KXBuild CI 实操,Windows/Linux 服务器接入 Jenkins 打包 iOS IPA
服务器·windows·vscode·ios·ci/cd·个人开发·敏捷流程
狗凯之家源码网1 天前
iOS C2 V2 与 Python FastAPI 全链路远控系统深度评测
python·ios·fastapi
看浪的路人1 天前
第6讲:Streaming 优化——告别“转圈圈“的用户体验
ios·iphone·xcode
传奇开心果编程2 天前
【Flutter踩坑排雷】第7课:巨型 build 函数坑|全部 UI 写在同一个 build,维护难、隐性异常
android·flutter·ios·移动开发·跨平台·dart·声明式ui