How can I create a variable sized UITableViewCell?

Question

I can't seem to get the text to actually span multiple lines. The heights look correct. What am I missing?

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

    UITableViewCell *cell =  [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:@"StatusCell"] autorelease];

    CGRect frame = cell.contentView.bounds;
    UILabel *myLabel = [[UILabel alloc] initWithFrame:frame];
    myLabel.text = [[person.updates objectAtIndex:indexPath.row] valueForKey:@"text"];
    [cell.contentView addSubview:myLabel];

    [myLabel release];

    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

    NSString *text = [[person.updates objectAtIndex:indexPath.row] valueForKey:@"text"];
    UIFont *font = [UIFont systemFontOfSize:[UIFont systemFontSize]];
    CGSize withinSize = CGSizeMake(tableView.frame.size.width, 1000);
    CGSize size = [text sizeWithFont:font constrainedToSize:withinSize lineBreakMode:UILineBreakModeWordWrap];

    return size.height + 20;    
}

Also, what am I missing that makes the labels appear longer than the table cell?

score 15 · Accepted Answer · edited Jun 20 '20 at 09:12

Tweetero provides an example of this in MessageListController.m. The code there renders the following screen:

(Pic is taken from Mashable).

The basic implementation outline:

When constructing a UITableViewCell, create and add a UILabel as a subview in the manner shown in tableviewCellWithReuseIdentifier:. Look for the creation of TEXT_TAG label.
when enriching the UITableViewCell with views, ensure that you format label properly, as is done in configureCell:forIndexPath, similarly look for the label tag TEXT_TAG.
Return the appropriate height for each cell, as is done in tableView:heightForRowAtIndexPath.

score 2 · Answer 2 · answered Aug 05 '09 at 14:35

2

myLabel.numberOfLines = 2;

Check the docs for full info on how to use this property.

answered Aug 05 '09 at 14:35

Rob Napier

286,113
34
456
610

the problem is that it won't always be a specific number, it will change for each row – Jason Aug 05 '09 at 14:36
The numberOfLines property sets the **maximum** number of lines. Set it to a high value. (And, as Rob said, check the docs.) – Nikolai Ruhe Aug 05 '09 at 14:37
2

You also have to set the myLabel.lineBrakeMode to UILineBreakModeWordWrap. – Nikolai Ruhe Aug 05 '09 at 14:39
Setting it to 0 means "no maximum." @Nikolai's right about lineBreakMode; I had in my head that WordWrap was the default for UILabel, but it's not. – Rob Napier Aug 05 '09 at 14:48

score 0 · Answer 3 · answered Nov 10 '09 at 12:55

0

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

answered Nov 10 '09 at 12:55

Thizzer

16,153
28
98
139

How can I create a variable sized UITableViewCell?

3 Answers3

Linked