分组的自定义流布局方法一

最新推荐文章于 2021-05-26 14:38:46 发布

原创最新推荐文章于 2021-05-26 14:38:46 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UICollectionView #ios开发 #ios #自定义

iOS开发专栏收录该内容

4 篇文章

订阅专栏

在iOS开发流布局出来的界面很好看，但是要每一个collectionView都只有一个layout，所以分组自定义没有那么容易，下面我来说说第一种方法。

由于文件较多，我这里只介绍重点内容，其他的内容就不多做介绍了，大家可以下载项目自己去查看。

下载地址：https://github.com/markwangjy/SectionCollectionView.git

重点知识点：建一个继承UICollectionViewCell的BaseCollectionViewCell，然后再这个cell里面添加uicollectionView

具体做法：

.h文件中：

#import <UIKit/UIKit.h>

#import "SectionView.h"

@interface BaseCollectionViewCell : UICollectionViewCell <UICollectionViewDataSource, UICollectionViewDelegateFlowLayout>

@property (nonatomic, strong) SectionView *headerView;

@property (nonatomic, strong) UICollectionView *contentCollectionView;

@property (nonatomic, weak) UICollectionViewFlowLayout *contentLayout;

#pragma mark - 子类重构

-(void)initCompletionOpration;

-(void)contentModelCompletionOpration;

@property(nonatomic,assign)NSInteger section;

@end

.m文件中

#import "BaseCollectionViewCell.h"

#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width

#define SCREEN_HEIGTH [UIScreen mainScreen].bounds.size.height

@implementation BaseCollectionViewCell

- (instancetype)initWithFrame:(CGRect)frame{

self = [super initWithFrame:frame];

if (self) {

[self initSubViews];

}

return self;

}

-(UICollectionView *)contentCollectionView{

if (!_contentCollectionView) {

UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];

_contentCollectionView =[[UICollectionView alloc]initWithFrame:CGRectZero collectionViewLayout:layout];

_contentCollectionView.backgroundColor = [UIColor whiteColor];

_contentCollectionView.scrollEnabled = NO;

_contentCollectionView.showsVerticalScrollIndicator = NO;

_contentCollectionView.showsHorizontalScrollIndicator = NO;

_contentCollectionView.delegate = self;

_contentCollectionView.dataSource = self;

_contentLayout = layout;

}

return _contentCollectionView;

}

-(void)initSubViews{

[self addSubview:self.contentCollectionView];

[self addSubview:self.headerView];

[self initSubViewLayouts];

[self initCompletionOpration];

[self contentModelCompletionOpration];

}

-(void)setSection:(NSInteger)section{

self.headerView.contentLabel.text = [NSString stringWithFormat:@"这里是第%ld组的头部",section];

}

- (void)initSubViewLayouts{

self.headerView.frame = CGRectMake(0, 0, self.bounds.size.width, 35);

self.contentCollectionView.frame = CGRectMake(0, 35, self.bounds.size.width, self.bounds.size.height-35);

}

-(void)initCompletionOpration{

}

-(void)contentModelCompletionOpration{

}

- (SectionView *)headerView{

if (!_headerView) {

_headerView = [[SectionView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 35)];

}

return _headerView;

}

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

return 12;

}

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

return nil;

}

-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{

[collectionView deselectItemAtIndexPath:indexPath animated:true];

}

@end

做出了基本collectionViewcell的配置之后，在主界面调用加载collectionView的cell都继承上面这个cell。就可以实现每个分组中完全自定义。

下面是效果图：

下面是下载地址：https://github.com/markwangjy/SectionCollectionView.git

这是一种方法，比较简单，消耗相对来说比较大，过两天我会再分析一下另一种方法。

谢谢大家阅读，我是ios_mark qq：1124728522 欢迎大家多多批评指正。