美文网首页
iOS UICollectionViewCell中的图片数字复用

iOS UICollectionViewCell中的图片数字复用

作者: Levi段玉磊 | 来源:发表于2018-12-25 14:10 被阅读0次

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中个数是一致的,如果不显示,你要对此进行隐藏。

相关文章

网友评论

      本文标题:iOS UICollectionViewCell中的图片数字复用

      本文链接:https://www.haomeiwen.com/subject/rwlflqtx.html