UITableview单元格保留自定义图像视图过滤器

Question

开发tableview自定义单元格时，我经常会遇到此问题。

这里是问题，我有一个表视图，它有很多自定义单元（UIImageView和UILabel），当用户点击任何一个单元时，将推新的UIViewController并填充一些数据，然后使用委托方法轻按“保存”视图控制器推回。

在此委托方法中，我检查了已轻按的单元格并更改了颜色（与选定状态类似，但我仅更改了自定义imageview的颜色）。 因此，这可以正确更改，但是当我滚动任何垂直方向时，淡色会消失。 下面的图片和代码用于正确找出。

从委托方法弹出以查看控制器时（正常工作）

滚动垂直方向时

// Custom cell

@interface CustomCell : UITableViewCell
@property(strong, nonatomic) UIImageView *imageView;
@property(strong, nonatomic) UILabel *titleLabel;
@end

// Custom Cell implementation nothing special here.

// UIViewController delegate method when pop back
// I'm filling specific color 

@interface UIViewController
@property (strong,nonatomic) CustomCell *myCustomCell;
@end

@implementation UIViewController



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

    _myCustomCell = (CustomCell *)[self.tableView dequeueReusableCellWithIdentifier:@"CustomCell" forIndexPath:indexPath];

    ...
}

- (void)userTappedBackButton {
    _myCustomCell.imageView.image = [cell.customImageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
    _myCustomCell.imageView.tintColor = [UIColor colorWithRed:0.27 green:0.58 blue:0.98 alpha:1];
}
@end

Answer 1

跟踪选定单元格时所单击的单元格的索引路径，而不是单元格本身，因为滚动时会重复使用该路径。 为匹配的“选定”索引路径显示单元格时，除了返回视图时，还应在cellForRow中应用选定的样式

更新 ：添加代码以澄清

在您的自定义单元中，提供启用/禁用色调的简单方法：

@interface CustomCell : UITableViewCell

@property(strong, nonatomic) UIImageView *imageView;
@property(strong, nonatomic) UILabel *titleLabel;

- (void)enableLastSelectedHighlight;
- (void)disableLastSelectedHighlight;

@end

实现方式：

@implementation CustomCell

- (void)prepareForReuse
{
    [super prepareForReuse];

    // Reset prior to being reused
    [self disableLastSelectedHighlight];
}

- (void)enableLastSelectedHighlight
{
    self.imageView.image = [cell.customImageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
    self.imageView.tintColor = [UIColor colorWithRed:0.27 green:0.58 blue:0.98 alpha:1];
}

- (void)disableLastSelectedHighlight;
{
    self.imageView.image = [cell.customImageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
}

@end

在TableViewController.m文件中，通过didSelectRowAtIndexPath或现有的自定义委托userTappedBackButton跟踪选择。 的实现将相同：

@interface MyTableViewController ()

@property (nonatomic, strong) NSIndexPath *lastSelectedCellIndexPath;

@end

@implementation MyTableViewController

// Your existing implementation
// ...

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Update our reference to the tinted row
    [self setLastSelectedCellIndexPath:indexPath];

    // Un-tint any currently tinted cells
    [self.tableView.visibleCells makeObjectsPerformSelector:@selector(disableLastSelectedHighlight)];
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Get your cell
    CustomCell *cell = (CustomCell *)[self.tableView dequeueReusableCellWithIdentifier:@"CustomCell" forIndexPath:indexPath];
    if (indexPath == self.lastSelectedCellIndexPath) {
        // This cell should be tinted
        [cell enableLastSelectedHighlight];
    }
    // The rest of your cell setup...
}

@end

Answer 2

您遇到的问题是，您正在保存对UITableViewCell的引用，但是正在重用单元格。

您需要以另一种方式保存有关要突出显示的单元格的信息，这不受重复使用的单元格的影响。 我建议使用indexPath 。

类似于以下内容的东西应该起作用：

@property (nonatomic, strong) NSIndexPath *lastSelectedIndexPath;


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

    CustomCell *cell = (CustomCell *)[self.tableView dequeueReusableCellWithIdentifier:@"CustomCell" forIndexPath:indexPath];
    if([indexPath isEqual:self.lastSelectedIndexPath]) {
        cell.imageView.image = [cell.customImageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
        cell.imageView.tintColor = [UIColor colorWithRed:0.27 green:0.58 blue:0.98 alpha:1];
    }
    ...
}

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    // Save the selected indexPath
    self.selectedIndexPath =  indexPath;
}
- (void)userTappedBackButton {
    // Reload the row that needs to be updated with the new tint color
    [tableView reloadRowsAtIndexPaths:@[self.selectedIndexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
}

让我知道是否可行。