Question

I’m having some trouble getting my buttons to work below a certain y value in my table cells. I’m using a custom UITableViewCell class named “RowWhiskyContent”. The default height is 44px and it’s below that point my events don’t seem to trigger anymore. The button displays just fine and so does everything else below that point, the event however don’t seem to trigger. If i place my button half way (like at y=35) only the top part of the button triggers the event and the bottom part doesn’t do a thing.

Here’s the code trimmed down to the esentials:

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    UITableViewCell  *cell = nil;

    if(![self createView:&cell])
    {
        UIImage *bottle = [UIImage imageNamed:@"icon_add.png"]; //image size: 22x22
        UIButton *bottleButton = [[UIButton alloc] initWithFrame:CGRectMake(60, 70, bottle.size.width, bottle.size.height)]; 

        [bottleButton setImage:bottle forState:UIControlStateNormal];
        [cell.contentView addSubview:bottleButton];
        [bottleButton addTarget:self action:@selector(addToCollection:) forControlEvents:UIControlEventTouchUpInside];

        cell.contentView.frame = CGRectMake(cell.contentView.frame.origin.x, cell.contentView.frame.origin.y, cell.contentView.frame.size.width, 160);
        //cell.frame = cell.contentView.frame; // Tried this, didn't work.
        //[tableView reloadData]; // Tried this too, didn't work either.
    }
    return cell;
}

// Check if cell exists and create the cell if it doesn't.
-(BOOL) createView: (UITableViewCell**) cell
{
    BOOL cellExists = YES;
    *cell = (RowWhiskyContent *) [myTableView dequeueReusableCellWithIdentifier:@"ContentIdentifier"];    
    if(*cell == nil)
    {
        NSArray *topLevelObjects = [[NSBundle mainBundle] loadNibNamed:@"RowWhiskyContent" owner:self options:nil];
        *cell = [topLevelObjects objectAtIndex:0];
        cellExists = NO;
    }
    return cellExists;
}

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;
{
    return 160;
}

Since I’m setting the height of the cell and the contentView both at 160 I’m not sure what’s going wrong here. Reloading the data didn’t work and neither did setting the cell.frame.

Could anybody please tell me what I’m doing wrong?
Thanks in advance.

EDIT:
Added a screenshot:

Red button works fine but if I place it at the position of the green button it stops working. The contentview’s background is set to purple so that explains the purple area. When clicking the cell it triggers the didSelectRowAtIndexPath so I’m guessing the the cell itself is also big enough.

Answer 1

This is definitely a content size issue. Your button will display outside of the frame similar to overflow in CSS, however they will not respond to events. So whatever UIView is containing your UIButton you need to make sure that it’s content/frame/bounds are all set tall enough. You can also use [cell.contentView sizeToFit] to adjust it automatically to it’s content.

You should definitely NOT reload data inside of the protocol methods for your UITableView.