Question

I’d like to replace the default checkmark image that is shown when a UITableViewCell’s accessory is set to: UITableViewCellAccessoryCheckmark.

So I’d still like to write:

[cell setAccessoryType:UITableViewCellAccessoryCheckmark];

But I’d like my own image to be shown rather than the default.

Any help is much appreciated.

Answer 1

Method-1:

I think you can use

Suppose you have a UIButton with checkmark image.

On cellForRowAtIndexPath:

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
CGRect frame = CGRectMake(0.0, 0.0, image.size.width, image.size.height);
button.frame = frame;
[button setBackgroundImage:image forState:UIControlStateNormal];

[button addTarget:self action:@selector(checkButtonTapped:event:)  forControlEvents:UIControlEventTouchUpInside];
button.backgroundColor = [UIColor clearColor];
cell.accessoryView = button;

checkButtonTapped:event: Method:

- (void)checkButtonTapped:(id)sender event:(id)event
{
    NSSet *touches = [event allTouches];
    UITouch *touch = [touches anyObject];
    CGPoint currentTouchPosition = [touch locationInView:self.tableView];
    NSIndexPath *indexPath = [self.tableView indexPathForRowAtPoint: currentTouchPosition];
    if (indexPath != nil)
    {
        [self tableView: self.tableView accessoryButtonTappedForRowWithIndexPath: indexPath];
    }
}

accessoryButtonTappedForRowWithIndexPath: Method

- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath
{
    NSMutableDictionary *item = [dataArray objectAtIndex:indexPath.row];

    BOOL checked = [[item objectForKey:@"checked"] boolValue];

    [item setObject:[NSNumber numberWithBool:!checked] forKey:@"checked"];

    UITableViewCell *cell = [item objectForKey:@"cell"];
    UIButton *button = (UIButton *)cell.accessoryView;

    UIImage *newImage = (checked) ? [UIImage imageNamed:@"unchecked.png"] : [UIImage imageNamed:@"checked.png"];
    [button setBackgroundImage:newImage forState:UIControlStateNormal];
}

I have taken above code from this link:

Implement a Custom Accessory View For UITableView in iPhone

Method-2:

Also there is a way to make it using custom tableView cell.

I think you have to make a custom cell and add an imageView on right hand side of the cell.

This imageView will then hold the image you want.

On didSelectRowAtRowAtIndexPath: you can add the image and remove based on number of taps.

Do let me know if you want more help.

Hope this helps.