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

之前遇到过好多解决TableView的重用问题,最近做了一下关于CollectionView的重用打标签的问题,发现CollectionView也会因为重用导致布局混乱的问题,具体场景如下图所示
问题复现.gif

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

  1. 首先创建一个可变数组,用来存放Cell的唯一标示符
// 用来存放Cell的唯一标示符
@property (nonatomic, strong) NSMutableDictionary *cellDic;
#warning 别忘了初始化哟
    self.cellDic = [[NSMutableDictionary alloc] init];
  1. 在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;
}

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


解决UICollectionView的Cell复用引起的布局混乱问题_第1张图片
修改之后的效果图.gif

本文纯属个人思路,如有更好的办法欢迎指导,一定虚心听取改正☺️

你可能感兴趣的:(解决UICollectionView的Cell复用引起的布局混乱问题)