How to add space between header text and tableview

Question

With iOS 11 I noticed how in Control Center they have a header view that has space between it's bottom part and the the tableview cell. How would you achieve this? heightForHeaderInSection only changes the height between the top of the header and whatever is above it, but not the space between the bottom part and the tableview.

UPDATE: Here is the code that worked for me for anyone else wondering.

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    UILabel *headerLabel = [[UILabel alloc] initWithFrame:CGRectMake(15, 15, tableView.frame.size.width - 30, 50)];
    headerLabel.text = @"Text goes here";
    headerLabel.numberOfLines = 0;
    headerLabel.backgroundColor = [UIColor clearColor];
    headerLabel.textAlignment = NSTextAlignmentLeft;
    [headerLabel setFont:[UIFont fontWithName:@"Helvetica Neue" size:12.0]];
    // I could not figure out the exact text color :(
    [headerLabel setTextColor:[UIColor headingTextColor]];

    UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, headerLabel.frame.size.width, 200)];
    [headerView addSubview:headerLabel];

    return headerView;
}

https://stackoverflow.com/a/35355569/1042817 – Rocky Apr 04 '18 at 15:43 — Rocky, Apr 04 '18 at 15:43

score 1 · Accepted Answer · answered Apr 04 '18 at 15:38

I would try to do it by implementing tableView(_:viewForHeaderInSection:) and providing a custom view that would be used as a header. There you add a label as a subview and position it however you want.

tableView(_:viewForHeaderInSection:) works with UITableViewAutomaticDimension, but you can simply combine it with heightForHeaderInSection if you know the header height upfront.

How to add space between header text and tableview

1 Answers1