Question

I have a grouped UITableView where the user can enter editing mode and delete rows from the table. Each cell of the table has two UILabels. When the table enters into editing mode, the custom UILabels push to the right and go beyond the right border of the cell.

If I use the standard cell.textLabel, the label resizes and stays within the borders of the cell. Ideas about how to do this with the custom UILabels ?

Answer 1

You need to implement and use these two UITableViewDelegate methods:

– tableView:willBeginEditingRowAtIndexPath:
– tableView:didEndEditingRowAtIndexPath:

In willBegin, set your UILabel frame to have a smaller width and set the width to normal size on didEndEditing.

For example, if your UILabel is getting pushed 50 pixels out of the boundary, in your methods you do:

- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *thisCell = (UITableViewCell*)[tableView cellForRowAtIndexPath:indexPath];

    CGRect newFrame = thisCell.someUILabel.frame;

    newFrame.size.width -= 50;

    thisCell.someUILabel.frame = newFrame;
}

- (void)tableView:(UITableView *)tableView didEndEditingRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *thisCell = (UITableViewCell*)[tableView cellForRowAtIndexPath:indexPath];

    CGRect newFrame = thisCell.someUILabel.frame;

    newFrame.size.width += 50;

    thisCell.someUILabel.frame = newFrame;
}