iOS UICollectionViewCell中的图片数字复用问题

需求

如图所示，播放次数:2000，但是要求只能通过图片数字来实现.

15457057064366.jpg

实现方式

这种情况下，如果仅仅通过拼接数字图片，在cell方法中实现，就会引起cell复用问题。
类似这种情况 播放次数:2000万 ， 其中2，0，0，0,万 为5张图片拼接而成

1. 有一种做法是将4个image拼接成一个ImageView上面，这种方式不会引起复用.
2. 由于播放次数最多不会超过10位数，所以就可以申请10个imageView,来承载数字图片，后面用不到的可以将ImageView进行隐藏，这种做法也不会引起复用问题。

我利用的是第二种做法，首先在cell初始化的时候对数字的imageView进行初始化操作，并打上相应的tag值，添加数据的时候，通过tag值找到对应的imageView。

for (int i=0;i<12;++i) {
    UIImageView *numberImageView = [[UIImageView alloc] init];
    numberImageView.tag=i+1000;
    [self addSubview:numberImageView];
}

初始化完毕后，在cell的添加数据的方法中,对数字ImageView进行Frame布局，布局方法如下：

    CGFloat width = CGRectGetMaxX(playerImage.frame);
    CGFloat height = CGRectGetMaxY(playerImage.frame);
    
    for (int i=1;i<=11;++i) {
        UIImageView *imageView = (UIImageView *)[self viewWithTag:i+1000];
        imageView.hidden = YES;
    }
    
    int top = 0;
    for (int i=0; i<numberStr.length; ++i) {
        UIImageView *numberImageView = (UIImageView *)[self viewWithTag:i+1001];
        numberImageView.hidden = NO;
        numberImageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"图片数字_%c",[numberStr characterAtIndex:i]]];
        numberImageView.frame = CGRectMake(width, height-numberImageView.image.size.height-1, numberImageView.image.size.width, numberImageView.image.size.height);
        width += numberImageView.image.size.width;
        top = i;
    }
    ++top;
    if (flag == 1) {
        UIImageView *numberImageView = (UIImageView *)[self viewWithTag:top+1001];
        numberImageView.hidden = NO;
        numberImageView.image = [UIImage imageNamed:@"图片-万"];
        numberImageView.frame = CGRectMake(width, height-numberImageView.image.size.height, numberImageView.image.size.width, numberImageView.image.size.height);
}

思考与总结：

关于Cell复用的问题，大部分都是UIView个数不一致导致的，所以一定要保证UIView在每个cell中个数是一致的，如果不显示，你要对此进行隐藏。