UITableViewCell动态高度无法正确显示

时间:2012-07-26 18:35:10

标签: ios uitableview

我有一个未按预期呈现的分组UITableView。我使用[cell.contentView addSubview:...]以编程方式向每个UITableViewCell添加2到5个UILabel,并使用tableView:heightForRowAtIndexPath根据我添加的标签数指定行高。我已经在stackoverflow上阅读了很多相关的帖子,并且阅读了A Closer Look at Table-View Cells,但解决方案并没有点击我。我在这一点上唯一想到的是为每个细胞变异创建一个笔尖(第1行有3行,第1行有4行,第1行有5行)等......但这看起来有点激烈。

问题截图:

Problem

我创建了一个测试项目,其中一个表视图控制器扩展了UITableViewController。 IBOutlet已设置。以下是.m:

的内容
- (id)initWithStyle:(UITableViewStyle)style
{
    return [super initWithStyle:UITableViewStyleGrouped];
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1; // Hardcoding for example
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 4; // Hardcoding for example
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *cellIdentifier = @"Detail Cell";
    // Table view will have between 1 and 4 rows and all cells are different... don't think dequeue is needed in this scenario
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];

    NSArray *labels = [self makeLabelsForRows];
    // Add labels for this row
    for (UILabel *label in [labels objectAtIndex:indexPath.row]) {
        [cell.contentView addSubview:label];
    }

    // changing the cell.frame here doesn't seem to help.
    // Removed per Ricard Pérez del Campo's comment
    // CGFloat theHeight = [self tableView:self.tableView heightForRowAtIndexPath:indexPath];
    // cell.frame = CGRectMake(0, 0, 320, theHeight);
    NSLog(@"Cell = %@", cell);
    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Normally these are calculated based on cell content. Hardcoding for example
    if (indexPath.row == 0) return 123.0;
    else if (indexPath.row == 1) return 73.0;
    else if (indexPath.row == 2) return 62.0;
    else if (indexPath.row == 3) return 62.0;
    return 44.0;
}


- (NSArray *)makeLabelsForRows
{
    // Array of arrays containing UILables
    NSArray *retVal = [NSArray array];
    // Stores the height of the row
    double y = 0.0f;

    // Showing all rows and labels for example

    // ROW #1
    NSArray *row1 = [NSArray array];
        UILabel *eventTitleLabel, *calendarTitleLabel, *locationLabel, *dateLabel, *timeLabel;

    eventTitleLabel = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    eventTitleLabel.tag = 2;
    eventTitleLabel.font = [UIFont boldSystemFontOfSize:17.0];
    eventTitleLabel.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    eventTitleLabel.text = @"Event Title";
    eventTitleLabel.backgroundColor = [UIColor clearColor];
    row1 = [row1 arrayByAddingObject:eventTitleLabel];
    y += 21.0f;


    locationLabel = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    locationLabel.tag = 3;
    locationLabel.font = [UIFont systemFontOfSize:15.0];
    locationLabel.textColor = [UIColor darkGrayColor];
    locationLabel.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    locationLabel.backgroundColor = [UIColor clearColor];
    locationLabel.text = @"Event Location";
    row1 = [row1 arrayByAddingObject:locationLabel];
    y += 19.0f;

    calendarTitleLabel = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    calendarTitleLabel.tag = 4;
    calendarTitleLabel.font = [UIFont systemFontOfSize:15.0];
    calendarTitleLabel.textColor = [UIColor redColor];
    calendarTitleLabel.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    calendarTitleLabel.backgroundColor = [UIColor clearColor];
    calendarTitleLabel.text = @"Calendar Title";
    row1 = [row1 arrayByAddingObject:calendarTitleLabel];
    y += 19.0f;

    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    [dateFormatter setDateStyle:NSDateFormatterFullStyle];
    [dateFormatter setTimeStyle:NSDateFormatterNoStyle];

    dateLabel = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    dateLabel.tag = 5;
    dateLabel.font = [UIFont boldSystemFontOfSize:12.0];
    dateLabel.textColor = [UIColor blueColor];
    dateLabel.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    dateLabel.backgroundColor = [UIColor clearColor];
    dateLabel.text = [dateFormatter stringFromDate:[NSDate date]];
    row1 = [row1 arrayByAddingObject:dateLabel];
    y += 16.0f;

    [dateFormatter setDateStyle:NSDateFormatterNoStyle];
    [dateFormatter setTimeStyle:NSDateFormatterShortStyle];

    timeLabel = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    timeLabel.tag = 6;
    timeLabel.font = [UIFont boldSystemFontOfSize:12.0];
    timeLabel.textColor = [UIColor blueColor];
    timeLabel.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    timeLabel.backgroundColor = [UIColor clearColor];
    timeLabel.text = [dateFormatter stringFromDate:[NSDate date]];
    row1 = [row1 arrayByAddingObject:timeLabel];
    y += 16.0f;

    retVal = [retVal arrayByAddingObject:row1];



    // ROW #2
    y = 0.0f;

    NSArray *row2 = [NSArray array];
    UILabel *rowTitleLabel, *alert1Label, *alert2Label;

    rowTitleLabel = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    rowTitleLabel.tag = 2;
    rowTitleLabel.font = [UIFont boldSystemFontOfSize:15.0];
    rowTitleLabel.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    rowTitleLabel.text = @"Alert";
    rowTitleLabel.backgroundColor = [UIColor clearColor];
    row2 = [row2 arrayByAddingObject:rowTitleLabel];
    y += 21.0f;

    alert1Label = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    alert1Label.tag = 6;
    alert1Label.font = [UIFont boldSystemFontOfSize:12.0];
    alert1Label.textColor = [UIColor blueColor];
    alert1Label.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    alert1Label.backgroundColor = [UIColor clearColor];
    alert1Label.text = @"Alert #1 5 min";
    row2 = [row2 arrayByAddingObject:alert1Label];
    y += 16.0f;

    alert2Label = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    alert2Label.tag = 6;
    alert2Label.font = [UIFont boldSystemFontOfSize:12.0];
    alert2Label.textColor = [UIColor blueColor];
    alert2Label.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    alert2Label.backgroundColor = [UIColor clearColor];
    alert2Label.text = @"Alert #2 15 min";
    row2 = [row2 arrayByAddingObject:alert2Label];
    y += 16.0f;

    retVal = [retVal arrayByAddingObject:row2];


    // ROW #3
    y = 0.0f;

    NSArray *row3 = [NSArray array];
    UILabel *rowTitleLabel2, *urlLabel;

    rowTitleLabel2 = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    rowTitleLabel2.tag = 2;
    rowTitleLabel2.font = [UIFont boldSystemFontOfSize:15.0];
    rowTitleLabel2.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    rowTitleLabel2.text = @"URL";
    rowTitleLabel2.backgroundColor = [UIColor clearColor];
    row3 = [row3 arrayByAddingObject:rowTitleLabel2];
    y += 21.0f;

    urlLabel = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    urlLabel.tag = 6;
    urlLabel.font = [UIFont boldSystemFontOfSize:12.0];
    urlLabel.textColor = [UIColor blueColor];
    urlLabel.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    urlLabel.backgroundColor = [UIColor clearColor];
    urlLabel.text = @"www.here.com";
    row3 = [row3 arrayByAddingObject:urlLabel];
    y += 21.0f;

    retVal = [retVal arrayByAddingObject:row3];

    // ROW #4
    y = 0.0f;

    NSArray *row4 = [NSArray array];
    UILabel *rowTitleLabel3, *notesLabel;

    rowTitleLabel3 = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    rowTitleLabel3.tag = 2;
    rowTitleLabel3.font = [UIFont boldSystemFontOfSize:15.0];
    rowTitleLabel3.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    rowTitleLabel3.text = @"Notes";
    rowTitleLabel3.backgroundColor = [UIColor clearColor];
    row4 = [row4 arrayByAddingObject:rowTitleLabel3];
    y += 21.0f;

    notesLabel = [[UILabel alloc] initWithFrame:CGRectMake(30.0, y, 280.0, 21.0)];
    notesLabel.tag = 6;
    notesLabel.font = [UIFont boldSystemFontOfSize:12.0];
    notesLabel.textColor = [UIColor blueColor];
    notesLabel.backgroundColor = [UIColor clearColor];
    notesLabel.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleHeight;
    notesLabel.text = @"Boom, notes!";
    notesLabel.lineBreakMode = UILineBreakModeWordWrap;
    row4 = [row4 arrayByAddingObject:notesLabel];
    y += 21.0f;

    retVal = [retVal arrayByAddingObject:row4];

    return retVal;
}

每个请求转储所有子视图:

2012-07-26 14:04:14.333 TestLabels[72259:f803] cell.contentView subviews for row #0 = (
"<UILabel: 0x6da3590; frame = (30 0; 280 21); text = 'Event Title'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 2; layer = <CALayer: 0x6da3630>>",
"<UILabel: 0x6da3c90; frame = (30 21; 280 21); text = 'Event Location'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 3; layer = <CALayer: 0x6da3d80>>",
"<UILabel: 0x6da3e00; frame = (30 40; 280 21); text = 'Calendar Title'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 4; layer = <CALayer: 0x6da3dd0>>",
"<UILabel: 0x6885b20; frame = (30 59; 280 21); text = 'Thursday, July 26, 2012'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 5; layer = <CALayer: 0x6883950>>",
"<UILabel: 0x6883a50; frame = (30 75; 280 21); text = '2:04 PM'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 6; layer = <CALayer: 0x6885790>>"
)

2012-07-26 14:04:14.337 TestLabels[72259:f803] cell.contentView subviews for row #1 = (
"<UILabel: 0x6da8730; frame = (30 0; 280 21); text = 'Alert'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 2; layer = <CALayer: 0x6da6ad0>>",
"<UILabel: 0x6da6c10; frame = (30 21; 280 21); text = 'Alert #1 5 min'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 6; layer = <CALayer: 0x6da70b0>>",
"<UILabel: 0x6da7220; frame = (30 37; 280 21); text = 'Alert #2 15 min'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 6; layer = <CALayer: 0x6da70e0>>"
)

2012-07-26 14:04:14.340 TestLabels[72259:f803] cell.contentView subviews for row #2 = (
"<UILabel: 0xbe71950; frame = (30 0; 280 21); text = 'URL'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 2; layer = <CALayer: 0xbe71a90>>",
"<UILabel: 0xbe719c0; frame = (30 21; 280 21); text = 'www.here.com'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 6; layer = <CALayer: 0xbe71d00>>"
)

2012-07-26 14:04:14.342 TestLabels[72259:f803] cell.contentView subviews for row #3 = (
"<UILabel: 0x6a71750; frame = (30 0; 280 21); text = 'Notes'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 2; layer = <CALayer: 0x6a718e0>>",
"<UILabel: 0x6a717c0; frame = (30 21; 280 21); text = 'Boom, notes!'; clipsToBounds = YES; autoresize = LM+H; userInteractionEnabled = NO; tag = 6; layer = <CALayer: 0x6a716e0>>"
)

3 个答案:

答案 0 :(得分:1)

根据您发布的身高日志,我认为如果您减少第1行的高度(而不是123.0,请尝试96.0或100.0),并确保标签的自动调整蒙版设置正确。

我认为你的标签有一个带有flexibletopMargin的autoresizingMask。这使得你的标签贴在cell.contentView的底部。如果这有帮助,请告诉我。

答案 1 :(得分:0)

使用表格视图,您无需手动管理单元格的框架。表视图委托负责人设置其高度。所以在你的

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

你不应该设置细胞框架。

答案 2 :(得分:0)

UITableView调用的方法(如果在你的类中),你需要指定每行的高度。

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    CGFloat cellHeight = 44; // default height
    for (int i = 0; i < [labels count]; i++) {
        cellHeight += 44; // or whatever the size of each of the labels you need
    }
    return cellHeight;
}

这只是一个基本循环,您可以为每个标签的单元格高度添加44个像素。如果你进入更多的自定义绘图等,你可能需要做更多的计算来计算出细胞需要绘制的高度。

此外,这种方法有点贵。上面的代码真的很贵,但是如果你开始根据包装的文本,图形布局等来计算高度,它确实会损坏旧设备上的滚动帧速率。