How to remove touch delay from custom UIButton in UITableViewCell

Question

I have a custom button where the image changes upon a press. This button is in the contentView of a UITableViewCell within a UITableView.

There is a noticeable delay when pressing the button before the image changes. Take the button out of the cell and into a UIView the change of image on press is instant.

How do I remove this delay?

It's worth pointing out that I have tried setting delaysContentTouches on the UITableView but it makes no difference that I can see.

Here is some test code that proves the issue. Create new project and add a UITableView to the storyboard.

#import "JWViewController.h"

@implementation JWViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.tableView.delegate = self;
    self.tableView.dataSource = self;
    self.tableView.delaysContentTouches = NO;
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 1; }
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 1; }
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { return return 65.0f; }

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] init];
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    [button setImage:[UIImage imageNamed:@"apple"] forState:UIControlStateNormal];
    [button setImage:[UIImage imageNamed:@"apple_selected"] forState:UIControlStateHighlighted];
    button.frame = CGRectMake(0, 0, 65, 65);
    [cell.contentView addSubview:button];
    return cell;
}

@end

I have searched and there appears to be a number of other posts relating to this but none with a working answer.

This blog post doesn't appear to work either in this simple case.

Does it work on iOS 6? When I wrote that post iOS 7 didn't exist. :o) I'll take a look... — Charles Harley, Nov 08 '13 at 16:22
Did you try logging the time for `didSelectRowAtIndexPath` and `touchesShouldCancelInContentView`? Maybe that would give you a clue on where things might be getting delayed. — Akshat Singhal, Dec 18 '13 at 08:42
@JMWhittaker : i've posted [an answer](http://stackoverflow.com/a/21424391/2857130) on a similar question — staticVoidMan, Jan 29 '14 at 07:21

score 1 · Answer 1 · answered Jul 23 '14 at 15:03

Finally got solution of your issue.

Try this, it will work fine. Add steps in your existing code:- 1.) Set tag of the button which is in content view. 2.) Add target on that button.

- (void)viewDidLoad
    {
        [super viewDidLoad];
        self.tableView.delegate = self;
        self.tableView.dataSource = self;
        self.tableView.delaysContentTouches = NO;
    }

    - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 1; }
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 1; }
    -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { return 65.0f; }

    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        UITableViewCell *cell = [[UITableViewCell alloc] init];
        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
        [button setImage:[UIImage imageNamed:@"apple.jpg"] forState:UIControlStateNormal];
        [button setImage:[UIImage imageNamed:@"apple_selected.png"] forState:UIControlStateHighlighted];
        button.frame = CGRectMake(0, 0, 65, 65);
        button.tag = indexPath.row;
        [button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventAllTouchEvents];
        [cell.contentView addSubview:button];
        return cell;
    }

    - (void)buttonPressed:(UIButton *)sender
    {
        UITableViewCell *cell = [self.tableView cellForRowAtIndexPath:[NSIndexPath indexPathForRow:sender.tag inSection:0]];

        for (UIView *currentView in cell.subviews)
        {
            if ([NSStringFromClass([currentView class]) isEqualToString:@"UITableViewCellScrollView"])
            {
                UIScrollView *svTemp = (UIScrollView *) currentView;
                [svTemp setDelaysContentTouches:NO];
                break;
            }
        }
    }

This code is weird and redundant. Your `buttonPressed:` method will get called a ton of times, because you are using `UIControlEventAllTouchEvents` control event. Better to loop through your subviews in `tableView:cellForRowAtIndexPath:`. I was able to use this as a starting point and add the following to my `UITableViewCell` subclass (in a setup method): `if ([self.superview respondsToSelector:@selector(setDelaysContentTouches:)]) { UIScrollView *svTemp = (UIScrollView *)self.superview; [svTemp setDelaysContentTouches:NO]; }` — livingtech, Dec 01 '14 at 23:01

score 0 · Answer 2 · edited May 23 '17 at 12:31

0

I was able to fix using this solution: https://stackoverflow.com/a/29259705/1728552

Seems that the table view has another scrollview inside.

edited May 23 '17 at 12:31

Community

1
1

answered Mar 25 '15 at 15:24

Serluca

2,102
2
19
31

score -1 · Answer 3 · answered Feb 28 '14 at 18:56

-1

Subclass UITableView, and implement only this method:

- (BOOL)touchesShouldCancelInContentView:(UIView *)view
{
    return YES;
}

Then set tableView.delaysContentTouches = NO;

answered Feb 28 '14 at 18:56

Srikanth

1,861
17
29

score -2 · Answer 4 · answered Feb 28 '14 at 15:20

You need to pass the touch event directly to the button.

 [yourTableViewObject setDelaysContentTouches:NO];

This disables scrolling of the table view when the button is touched. you can handle that by either using a Gesture recogniser or subclassing the tableview to implement

- (BOOL)touchesShouldCancelInContentView:(UIView *)view {
return YES;
}

How to remove touch delay from custom UIButton in UITableViewCell

4 Answers4