4

在我的UITableViewCells. 在我继续滚动之后，它最终开始变得非常缓慢。

我正在做的第一步是UIView为每个单元格创建一个公共单元，本质上这是创建一个白色单元格，在带有阴影的单元格上具有圆形效果。这似乎是正常的表现，所以我不认为这是罪魁祸首。

在此处输入图像描述

这是我用来执行此操作的代码：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
        static NSString *NewsCellIdentifer = @"NewsCellIdentifier";


       NewsItem *item = [self.newsArray objectAtIndex:indexPath.row];


            UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:NewsCellIdentifer];

            if (cell == nil)
            {
                cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:NewsCellIdentifer];


                cell.contentView.backgroundColor = [UIColor clearColor];

                UIView *whiteRoundedCornerView = [[UIView alloc] initWithFrame:CGRectMake(10,10,300,100)];
                whiteRoundedCornerView.backgroundColor = [UIColor whiteColor];
                whiteRoundedCornerView.layer.masksToBounds = NO;
                whiteRoundedCornerView.layer.cornerRadius = 3.0;
                whiteRoundedCornerView.layer.shadowOffset = CGSizeMake(-1, 1);
                whiteRoundedCornerView.layer.shadowOpacity = 0.5;

                [cell.contentView addSubview:whiteRoundedCornerView];
                [cell.contentView sendSubviewToBack:whiteRoundedCornerView];

                cell.layer.shouldRasterize = YES;
                cell.layer.rasterizationScale = [UIScreen mainScreen].scale;
                cell.layer.opaque = YES;

                cell.opaque = YES;    
            }

            [cell.contentView addSubview:[self NewsItemThumbnailView:item]];

            return cell;
}

这是返回图形和文本的缩略图视图的方法：

- (UIView *) NewsItemThumbnailView:(NewsItem *)item
{
    UIView *thumbNailMainView = [[UIView alloc] initWithFrame:CGRectMake(10, 10, 50, 70)];
    UIImageView *thumbNail = [[UIImageView alloc] initWithImage:[UIImage imageNamed:item.ThumbNailFileName]];
    thumbNail.frame = CGRectMake(10,10, 45, 45);
    UILabel *date = [[UILabel alloc] init];
    date.frame = CGRectMake(10, 53, 45, 12);
    date.text = item.ShortDateString;
    date.textAlignment = NSTextAlignmentCenter;
    date.textColor = [BVColors WebDarkGrey];
    CGFloat fontSize = 10.0;
    date.font = [BVFont Museo:&fontSize];

    date.opaque = YES;
    thumbNail.opaque = YES;
    thumbNailMainView.opaque = YES;


    [thumbNailMainView addSubview:thumbNail];
    [thumbNailMainView addSubview:date];

    return thumbNailMainView;
}

性能问题似乎是当我将缩略图视图添加到单元格时，因为当我注释掉该行时，我似乎没有它。缩略图信息是动态的，并且会随着每个单元格而变化。对于如何在不降低性能的情况下执行此操作的任何建议，我将不胜感激。

4

3 回答 3

5

UITableViewtableView:cellForRowAtIndexPath:每次看到单元格时都会调用，dequeueReusableCellWithIdentifier:如果现有单元格对象可用，将重用它们。这两个事实结合在一起，使您处于每次滚动时，相同的有限数量的单元格对象最终会导致子视图数量的增加。

正确的方法是创建一个自定义UITableViewCell子类，该子类具有thumbnailView. 在该属性的设置器中，删除以前的缩略图（如果有），然后将新的缩略图添加到contentView. 这可确保您在任何时候都只有一个缩略图子视图。

一种不太理想的方法是向UIView从NewsItemThumbnailView( thumbNailMainView.tag = someIntegerConstant) 返回的标签添加标签，然后搜索带有该标签的任何视图，并在添加另一个视图之前将其删除：

 // remove old view
 UIView *oldThumbnailView = [cell.contentView viewWithTag:someIntegerConstant];
 [oldThumbnailView removeFromSuperview];

 // add new view
 [cell.contentView addSubview:[self NewsItemThumbnailView:item]];
于 2013-05-03T20:02:08.730 回答
2

我最终利用了这个 stackoverflow 帖子中的解决方案：

我应该如何将Subview 添加到 cell.contentView？

本质上，当第一次初始化单元格时，我正在设置 Nishant 提到的视图；但是，一旦重复使用单元格，我就会提取出我需要更改的项目，例如 UIImageView 和 UILabel。由于这些是指针，我可以在需要时修改我需要的内容，并且性能再次快速。这是我所做的简化版本。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *NewsCellIdentifer = @"NewsCellIdentifier";

    NewsItem *item = [self.newsArray objectAtIndex:indexPath.row];
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:NewsCellIdentifer];


    UIView *thumbNailMainView = [[UIView alloc] initWithFrame:CGRectMake(10, 10, 50, 70)];
    UIImageView *thumbNail;

    UIView *textMainView = [[UIView alloc] initWithFrame:CGRectMake(20,20,80,80)];
    UILabel *headerLabel = [[UILabel alloc] initWithFrame:CGRectMake(52,-5, 70, 20)];
    UILabel *teaserLabel = [[UILabel alloc] initWithFrame:CGRectMake(50,20, 210, 40)];

    UIView *newsItemCornerMainView = [[UIView alloc] initWithFrame:CGRectMake(255.7, 55.2, 55, 55)];
    UIImageView *cornerIconView;

    // If the cell doesn't existing go ahead and make it fresh.
    if (cell == nil)
    {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:NewsCellIdentifer];


        // Configure all the various subviews

         .....   //Sample below

        // Make the title view
        headerLabel.text = item.Title;
        CGFloat textfontSize = 16.0f;
        headerLabel.font = [BVFont Museo:&textfontSize];
        headerLabel.textColor = [BVColors WebBlue];
        headerLabel.textAlignment = NSTextAlignmentLeft;
        headerLabel.numberOfLines = 0;
        headerLabel.tag = 50;
        // Make the Teaser view
        teaserLabel.text = item.Teaser;
        teaserLabel.numberOfLines = 0;
        CGFloat tfontSize = 13.0f;
        teaserLabel.textAlignment = NSTextAlignmentLeft;
        teaserLabel.textColor = [BVColors WebDarkGrey];
        teaserLabel.font = [BVFont HelveticaNeue:&tfontSize];
        [teaserLabel sizeToFit];
        teaserLabel.tag = 51;
        [textMainView addSubview:headerLabel];
        [textMainView sendSubviewToBack:headerLabel];
        [textMainView addSubview:teaserLabel];
        [cell.contentView addSubview:textMainView];

        ....
    }

    thumbNail = (UIImageView *) [cell viewWithTag:47];
    [thumbNail setImage:[UIImage imageNamed:item.ThumbNailFileName]];

    headerLabel = (UILabel *) [cell viewWithTag:50];
    headerLabel.text = item.Title;
    teaserLabel = (UILabel *) [cell viewWithTag:51];
    teaserLabel.text = item.Teaser;

    cornerIconView = (UIImageView *) [cell viewWithTag:48];
    [cornerIconView setImage:[UIImage imageNamed:item.CornerIconFileName]];

    return cell;
}
于 2013-05-03T21:55:01.603 回答
1

thumbNailMainView您应该只每次都更改内容，但不应每次都将其内容添加到单元格上。

所以在你分配单元格的地方添加这一行

    [cell.contentView addSubview:[self NewsItemThumbnailView:item]];

在大括号内添加这个。然后从单元格访问thumbNailMainView并传递您需要为每个单元格更改的项目数据。

将标签分配给thumbNailMainView及其子视图thumbNail，然后以

   UIView *_thumbNailMainView =  [cell.contentView viewWithTag:_thumbNailMainView_tag];
UIImageView *_thumbNail =  [_thumbNailMainView viewWithTag:thumbNail_tag];
_thumbNail.image = [UIImage imageNamed:item.ThumbNailFileName];

希望它可以帮助你。

于 2013-05-03T20:02:02.010 回答