解决UICollectionView的Cell复用引起的布局混乱问题

解决UICollectionView的Cell复用引起的布局混乱问题

问题复现.gif

查了一下度娘发现没有好的解决办法，于是发动自己的聪明才智，终于找到如下解决办法（充分证明了自己动手丰衣足食啊😄）

首先创建一个可变数组，用来存放Cell的唯一标示符

// 用来存放Cell的唯一标示符
@property (nonatomic, strong) NSMutableDictionary *cellDic;
#warning 别忘了初始化哟
self.cellDic = [[NSMutableDictionary alloc] init];

在cellForItemAtIndexPath:这个方法中作相应的一些处理即可，代码如下

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
// 每次先从字典中根据IndexPath取出唯一标识符
NSString *identifier = [_cellDic objectForKey:[NSString stringWithFormat:@"%@", indexPath]];
// 如果取出的唯一标示符不存在，则初始化唯一标示符，并将其存入字典中，对应唯一标示符注册Cell
if (identifier == nil) {
identifier = [NSString stringWithFormat:@"%@%@", DayCell, [NSString stringWithFormat:@"%@", indexPath]];
[_cellDic setValue:identifier forKey:[NSString stringWithFormat:@"%@", indexPath]];
// 注册Cell
[self.collectionView registerClass:[CalendarCollectionViewCell class]  forCellWithReuseIdentifier:identifier];
}

CalendarCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];

// 此处可以对Cell做你想做的操作了...

return cell;
}

修改之后的效果图如下所示



修改之后的效果图.gif