UITableViewCell 重用和图像重新渲染

Posted 2023-03-11

【中文标题】UITableViewCell 重用和图像重新渲染

【英文标题】：UITableViewCell Reuse and Images Re-render

【发布时间】：2012-06-27 18:44:14

【问题描述】：

我有一个 UITableView，它有 18 个部分，每个部分有 1 个标题标题和 1 个单元格。在每个单元格中，都会有一个水平的 UIScrollView，其中包含多个图像。

问题是......我可以正确加载图像和单元格，但是当图像数量增加并且单元格滚动到顶部时，其他单元格中会弹出来自不同单元格的图像......并且所有渲染和图像都错了……应该在第 3 节或第 4 节中的图像出现在第 1 节中……等等。

数据源是从JSON加载的，JSON是对的。当图像不多且只有 5-8 个部分时，一切都可以完美运行。所以，它让我相信是 UITableViewCell 的重用导致了这个问题。

有人可以帮我解决这个问题吗...谢谢.. 下面是 UITableViewCell 的代码

// Customize the appearance of table view cells.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 

UITableViewCell *cell = nil;

// add a placeholder cell while waiting on table data
if ([self.datasource count] == 0 && indexPath.section == 0 && indexPath.row == 0)
   
    UILabel *Fetch;
    static NSString *infoCell = @"infoCell";
    cell = [tableView dequeueReusableCellWithIdentifier:infoCell];
    if (cell == nil)
    
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle
                                       reuseIdentifier:infoCell] autorelease];   
        cell.selectionStyle = UITableViewCellSelectionStyleNone;

        CellFetch = [[[UILabel alloc] initWithFrame:CGRectMake(15.0, 120.0, 280.0, 80.0)] autorelease];
        CellFetch.tag = FETCH_TAG;
        CellFetch.font = [UIFont boldSystemFontOfSize:16.0];
        CellFetch.textColor = [UIColor grayColor];
        CellFetch.shadowColor = [UIColor whiteColor];
        CellFetch.shadowOffset = CGSizeMake(0, -0.5);
        CellFetch.textAlignment = UITextAlignmentCenter;
        [cell.contentView addSubview:CellFetch];
     else 
        CellFetch = (UILabel *)[cell.contentView viewWithTag:FETCH_TAG];
    
    Fetch.text = fetchStatus;
    return cell;
 else 
UIScrollView *imgScroll;
static NSString *imgCell = @"imgCell";
cell = [tableView dequeueReusableCellWithIdentifier:imgCell];
if (cell == nil) 
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:imgCell] autorelease];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;

    imgScroll = [[[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 0.0, 320, 108.0)]autorelease];
    imgScroll.tag = SCROLLVIEW_TAG;
    imgScroll.showsVerticalScrollIndicator = NO;
    imgScroll.showsHorizontalScrollIndicator = NO;
 else 
    imgScroll = (UIScrollView *)[cell.contentView viewWithTag:SCROLLVIEW_TAG];

    NSArray *sorted = [[self.datasource allKeys] sortedArrayUsingSelector:@selector(caseInsensitiveCompare:)];
    //NSArray *allDistrict = [self.datasource allValues];
    NSString *key = [sorted objectAtIndex:indexPath.section];
    NSArray *img = [self.datasource valueForKey:key];

    int column = 0;
    int space = 10;
    int width = 80;
    int x = space+5.0;
    for (NSUInteger i=0; i < img.count; i++) 
        UIButton * button = [UIButton buttonWithType:UIButtonTypeCustom];
        NSDictionary *Info = [img objectAtIndex:i];
        NSString *iconURL = [NSString stringWithFormat:@"%@",[Info objectForKey:@"ImgURL"]];
        button.frame = CGRectMake(x , 4, 80, 80);
        [button setImageWithURL:[NSURL URLWithString:iconURL] placeholderImage:[UIImage imageNamed:@"pholder"]];
        NSString *imgID = [Info objectForKey:@"ImgID"];
        int k = [imgID intValue];
        button.tag = k; 
        [button addTarget:self action:@selector(onButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
        [imgScroll addSubview:button];


        x+=space+width;
        column++;
    

    [imgScroll setContentSize:CGSizeMake(column*90+10, 108)];

    [cell.contentView addSubview:imgScroll];

// Configure the cell...
return cell;

【参考方案1】：

尝试为每个部分设置唯一的单元格标识符，这样它们就不会跨部分重复使用：

  cell = [tableView dequeueReusableCellWithIdentifier:@"section1cell"];

  cell = [tableView dequeueReusableCellWithIdentifier:@"section2cell"];

我发现某些部分的单元格没有图像，但在其他部分有图像。因此，当它重用单元格时，除非您专门将 image 属性设置为 nil……否则您可以获得之前加载的图像。

更新：

这就是我所说的关于章节编号的内容

- (UITableViewCell *)tableView:(UITableView *)tableView 
     cellForRowAtIndexPath:(NSIndexPath *)indexPath
    
    NSString *section = [NSString stringWithFormat:@"section%@cell", indexPath.section];

    UITableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:section];

    // some configuration

    return cell;

【讨论】：

谢谢...但是节数是动态的，所以在加载 json 之前我不知道有多少节...所以，这个解决方案不起作用

节包含在传递给委托方法“cellForRowAtIndexPath:(NSIndexPath*)indexPath”的indexPath中，可以从indexPath.section获取

【参考方案2】：

将[cell.contentView addSubview:imgScroll]; 写入cell == nil 部分。

喜欢，

      if (cell == nil) 


         cell = [[[UITableViewCell alloc] nitWithStyle:UITableViewCellStyleDefault   reuseIdentifier:imgCell] autorelease];
         cell.selectionStyle = UITableViewCellSelectionStyleNone;

         imgScroll = [[[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 0.0, 320, 108.0)]autorelease];
         imgScroll.tag = SCROLLVIEW_TAG;
         imgScroll.showsVerticalScrollIndicator = NO;
         imgScroll.showsHorizontalScrollIndicator = NO;
         [cell.contentView addSubview:imgScroll];