奇怪的自定义 UITableViewCell 行为

Question

自定义 UITableViewCell 遇到了一个非常奇怪的问题。顺便说一句，我正在使用 UIViewController。所以，我在 Storyboard 中制作了单元格（如下图所示），并将它的类设置为我的自定义 UITableViewCell 类。然后我在自定义单元类中创建了所有 IBOutlets 和 IBActions。

我的 cellForRowAtIndexPath 方法：

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

    static NSString *CellIdentifier = @"Cell";
    PostTableViewCell *cell = (PostTableViewCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];

    if (cell == nil)
        cell = [[PostTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];

    [cell setCellContentWithPost:[PostsArray objectAtIndex:indexPath.row]];

    return cell;
}

我的自定义 UITableViewCell 类：

#import "PostTableViewCell.h"    
@implementation PostTableViewCell

- (void)setCellContentWithPost:(SDPost*)post {

    self.alpha = 0.f;
    self.postTitleLabel.text = post.title;

    [self.thumbnailImageView sd_setImageWithURL:[NSURL URLWithString:post.thumbnailURL] placeholderImage:nil options:SDWebImageHandleCookies];

    [UIView animateWithDuration:0.35 animations:^{
        self.alpha = 1.0f;
    }];

}

-(void)awakeFromNib{

    self.postTitleLabel.textColor = [UIColor whiteColor];
    self.postTitleLabel.font = [UIFont fontWithName:@"Montserrat-Regular" size:16.5];

    self.readingTimeView.backgroundColor = [UIColor colorWithRed:0.33 green:0.74 blue:0.15 alpha:1];
    self.readingTimeView.layer.cornerRadius = 4;
    self.readingTimeLabel.textColor = [UIColor whiteColor];
    self.readingTimeLabel.font = [UIFont fontWithName:@"Montserrat-Bold" size:11.75];

    self.commentsCountView.backgroundColor = [UIColor colorWithRed:0.74 green:0.19 blue:0.4 alpha:1];
    self.commentsCountView.layer.cornerRadius = 4;
    self.commentsCountLabel.textColor = [UIColor whiteColor];
    self.commentsCountLabel.font = [UIFont fontWithName:@"Montserrat-Bold" size:11.75];

}

我尝试通过 UITableViewCell 的 initWithStyle 方法设置单元格的样式，但由于某种原因它从未被调用，所以我最终在 awakeFromNib 中执行此操作。 所以，问题是：我认为我做错了什么，因为正如你在这个 GIF (https://dl.dropboxusercontent.com/s/6crcjbmitr5fmk7/Untitled%20%281%29.gif?m=) 中看到的那样，当我滚动单元格时，它得到的心形按钮会自动打开/关闭。

你们中的任何人都可以帮我解决这个问题吗？非常感谢！

Answer 1

每次显示单元格时，它都会从 PostsArray 数组中获取值。所以当你点击心脏时，你应该更新它在数组中的对应对象。

Answer 2

发生这种情况是因为您的所有单元格都有相同的 CellIdentifier，在这种情况下，如果您非常小心处理“心脏”元素的方式，这很好。

1. 您应该有办法确定单元格上的哪些元素已被“点赞”。我想您需要知道您的用户在哪些元素上按下了心形按钮。
2. 在初始化/重复使用您的单元格时，您需要确保将心形按钮正确设置为“红色/开启”或“白色/关闭”。

例如：

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

        static NSString *CellIdentifier = @"Cell";
        PostTableViewCell *cell = (PostTableViewCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];

        if (cell == nil) {
            cell = [[PostTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
        }

        [cell setHeartState:[[AnArray objectAtIndex:indexPath.row] hasBeenLikedByUser]]


        [cell setCellContentWithPost:[PostsArray objectAtIndex:indexPath.row]];

        return cell;
    }

这只是一个草稿。

希望有帮助

Answer 3

我设法通过检查炉膛是否应该填满来解决这个问题。我使用 NSUserDefaults 存储了帖子 ID，并在 setCellContentWithPost 添加了一个 if 语句来检查单元格的帖子是否被收藏。

感谢大家的关注！