表格向上滚动并返回该单元格时的 UITableViewCell 背景图像问题

Posted

技术标签:

【中文标题】表格向上滚动并返回该单元格时的 UITableViewCell 背景图像问题【英文标题】:UITableViewCell background image issue when the table scrolls up and comes back on that cell 【发布时间】:2011-11-13 07:12:22 【问题描述】:

当用户向下和向上滚动表格时,我遇到了 UITableViewCell 设置问题。一旦分组表滚动到另一个单元格并返回到该单元格,该单元格就会失去更改(-didSelectRowAtIndexPath 中设置的红色/绿色背景图像)。

我使用下面的代码在两个部分中显示一个问题和 4 个答案选项..

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
    NSString *kCustomCellID = [NSString stringWithFormat:@"CustomCellID%d", ((100 * indexPath.section) + indexPath.row)];

    UITableViewCell *cell = nil;//[tableView dequeueReusableCellWithIdentifier:kCustomCellID];

    if (cell == nil) 
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:kCustomCellID] autorelease];
        cell.selectionStyle = UITableViewCellSelectionStyleNone;
    

    if (indexPath.section == 0) 
        cell.textLabel.text = questionText;
        cell.textLabel.textAlignment = UITextAlignmentCenter;
        cell.textLabel.font = FONT_QUESTIONTEXT;
        cell.textLabel.numberOfLines = 0;
    
    else 
        cell.textLabel.text = [self.answerChoices objectAtIndex:indexPath.row];
        cell.textLabel.font = FONT_ANSWERTEXT;
        cell.textLabel.numberOfLines = 0;

        ConfigurationBase *configBase = [[ConfigurationBase alloc] initWithConfigurationType:kConfigTypeQuiz];

        NSString *backgroundImageName = [configBase.configInfo valueForKey:CKEY_IMG_ANSWER_BACKGROUND];
        NSString *leftImage = [configBase.configInfo valueForKey:[choicesLeftImages objectAtIndex:indexPath.row]];
        [configBase release];

        cell.backgroundColor = [UIColor clearColor];
        UIImageView *bgView = [[UIImageView alloc] initWithFrame:cell.frame];
        bgView.image = [UIImage imageNamed:backgroundImageName];
        cell.backgroundView = bgView;
        [bgView release];

        cell.imageView.image = [UIImage imageNamed:leftImage];
    

    return cell;

并且,当用户选择其中一个选项时,我将背景颜色更改为绿色和红色的正确和错误选择。改变2行背景的代码如下..

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath 
    if (indexPath.section == 1)    // Answer choice section.
        NSString *correctAnswerStr = [quizSession fetchCorrectAnswer];
        NSInteger correctAnswerIndex = -1;
        ConfigurationBase *configBase = [[ConfigurationBase alloc] initWithConfigurationType:kConfigTypeQuiz];

        NSString *correctAnsImageName = [configBase.configInfo valueForKey:CKEY_IMG_ANSWER_CORRECT_BACKGROUND];
        NSString *wrongAnsImageName = [configBase.configInfo valueForKey:CKEY_IMG_ANSWER_WRONG_BACKGROUND];
        [configBase release];

        UITableViewCell *answerCell = [tableView cellForRowAtIndexPath:indexPath];

        answerCell.backgroundColor = [UIColor clearColor];
        UIImageView *bgView = [[UIImageView alloc] initWithFrame:answerCell.frame];
        bgView.image = [UIImage imageNamed:wrongAnsImageName];
        answerCell.backgroundView = bgView;
        [bgView release];

        for (NSString *answerChoice in answerChoices) 
            ++correctAnswerIndex;

            if ([answerChoice isEqualToString:correctAnswerStr]) 
                // Correct Index obtained, so set the background color for it.
                NSIndexPath *correctIndexPath = [NSIndexPath indexPathForRow:correctAnswerIndex
                                                                   inSection:indexPath.section];
                UITableViewCell *correctAnswerCell = [tableView cellForRowAtIndexPath:correctIndexPath];

                correctAnswerCell.backgroundColor = [UIColor clearColor];
                UIImageView *bgView = [[UIImageView alloc] initWithFrame:correctAnswerCell.frame];
                bgView.image = [UIImage imageNamed:correctAnsImageName];
                correctAnswerCell.backgroundView = bgView;
                [bgView release];

                break;
            
        

        // Enable the 'next' button, allowing user to go for next question.
        self.navigationItem.rightBarButtonItem.enabled = YES;
        // Disable selection of answer until user go to next question.
    tableView.allowsSelection = NO;

谁能帮我解决这个问题? TIA。

问候。

【问题讨论】:

【参考方案1】:

您检索背景图像名称信息的方法非常复杂且容易出错。请通过在适当的位置插入NSLogs 或签入调试器来确保一切正常。

在处理单元格的backgroundView 属性时,您必须将此代码放入tableView:willDisplayCell:forRowAtIndexPath: 而不是cellForRowAtIndexPath。更简单的方法将再次为您节省时间。

【讨论】:

以上是关于表格向上滚动并返回该单元格时的 UITableViewCell 背景图像问题的主要内容,如果未能解决你的问题,请参考以下文章

选择表格单元格时删除键盘

单击表格单元格时将变量值发送到下一个视图控制器

单击表格单元格时将 UIViewController 滚动到顶部

滚动单元格时表格视图设置消失

在 UITableView 中快速滚动并选择单元格时,文本字段委托将 indexPath 返回为 nil 并崩溃

UITableView 中的自定义单元格使图像在滚动时重叠