How to implement `viewForHeaderInSection` on iOS7 style?

Question

How to implement (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section on iOS7 style like (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section works?

P.S. I just need to change a color of header's title of the UITableView and save it's style.

score 52 · Accepted Answer · edited Jul 02 '17 at 07:52

You can change the color a label inside a standard tableview header prior to rendering with willDisplayHeaderView. Will also work for both iOS6/iOS7.

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    if([view isKindOfClass:[UITableViewHeaderFooterView class]]){

        UITableViewHeaderFooterView *tableViewHeaderFooterView = (UITableViewHeaderFooterView *) view;
        tableViewHeaderFooterView.textLabel.textColor = [UIColor blueColor];
    }
}

For Reference

UITableViewHeaderFooterView: https://developer.apple.com/documentation/uikit/uitableviewheaderfooterview

UITableViewDelegate Protocol: https://developer.apple.com/documentation/uikit/uitableviewdelegate/1614905-tableview

Great! Simplest way to change color (and font and size) without needing to create UIView. — Rick, Oct 01 '13 at 07:02

score 8 · Answer 2 · answered Oct 24 '13 at 15:45

8

If you need to change global color for both header and footer, then use appearance:

[[UILabel appearanceWhenContainedIn:[UITableViewHeaderFooterView class], nil] setTextColor:[UIColor redColor]];

answered Oct 24 '13 at 15:45

onegray

5,105
1
23
29

Tidy. Hadn't thought about this. Thanks. – imnk Feb 18 '15 at 00:37

score 6 · Answer 3 · edited Sep 30 '13 at 22:19

6

Early in your view controller's lifecycle (eg, -viewDidLoad), register the class:

 [[self tableView] registerClass:[UITableViewHeaderFooterView class] forHeaderFooterViewReuseIdentifier:@"headerFooterReuseIdentifier"];

Then, in your method: (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section deque a cell, style it however you wish, and return it:

 UIColor *titleColor = ... // Your color here.
 UITableViewHeaderFooterView *headerFoorterView = [[self tableView] dequeueReusableHeaderFooterViewWithIdentifier:@"headerFooterReuseIdentifier"];
 [[headerFooterView textLabel] setTextColor:titleColor];
 return headerFooterView;

And that's how you use a default implementation.

edited Sep 30 '13 at 22:19

João Colaço

1,202
1
14
38

answered Sep 15 '13 at 22:07

isaac

4,867
1
21
31

Isaac, thanks! But I can see only empty space with this code on iOS 7. What's wrong? – Dmitry Sep 15 '13 at 22:18
If you say, headerFooterView.backgroundColor = [UIColor greenColor]; do you see a green sectionView? You may also need to configure properties of that headerFooterView - start by setting a breakpoint in Xcode in your viewForHeaderInSection method, and seeing what the frame of the view is or if it's nil... – isaac Sep 15 '13 at 22:34

Dmitry · Answer 4 · 2013-09-16T09:41:42.370

Not perfect but solution:

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    UILabel *label = [[UILabel alloc] init];
    label.textColor = [UIColor whiteColor];
    label.backgroundColor = [UIColor clearColor];
    if (<is_iOS7>) {
        label.text = [[NSString stringWithFormat:@"  %@", <title>] uppercaseString];
    } else {
        if (<is_iPad>) {
            label.text = [NSString stringWithFormat:@"          %@", <title>];
        } else {
            label.text = [NSString stringWithFormat:@"  %@", <title>];
        }
    }
    return label;
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    return 38.f;
}

score 1 · Answer 5 · answered Sep 28 '14 at 13:47

And @aumansoftware's answer is also the best way to add content into the standard header such as a button. Here is an example in Swift:

override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    if (view.isKindOfClass(UITableViewHeaderFooterView)) {
        let headerView = view as UITableViewHeaderFooterView

        // Label
        headerView.textLabel.textColor = UIColor.blueColor()

        // New Button
        let addPeopleButton: UIButton = UIButton.buttonWithType(.ContactAdd) as UIButton
        addPeopleButton.addTarget(self, action: "showPeoplePicker:", forControlEvents: UIControlEvents.TouchUpInside)

        addPeopleButton.setTranslatesAutoresizingMaskIntoConstraints(false)
        headerView.addSubview(addPeopleButton)
        let right: NSLayoutConstraint = NSLayoutConstraint(item: addPeopleButton, attribute: NSLayoutAttribute.Right, relatedBy: NSLayoutRelation.Equal, toItem: view, attribute: NSLayoutAttribute.Right, multiplier: 1.0, constant: -12)
        let vertical: NSLayoutConstraint = NSLayoutConstraint(item: addPeopleButton, attribute: NSLayoutAttribute.CenterY, relatedBy: NSLayoutRelation.Equal, toItem: view, attribute: NSLayoutAttribute.CenterY, multiplier: 1.0, constant: 0)
        headerView.addConstraints([right, vertical])
    }
}

score 0 · Answer 6 · answered Sep 15 '13 at 21:56

0

It works exactly as in iOS 6. Create a view (or just a label that covers the whole header) and style it according to your requirements.

answered Sep 15 '13 at 21:56

Mundi

79,884
17
117
140

1

My requirements are **as it works by default**. For example, on iOS 7 it uses a slim font with upper case chars. How to do that? – Dmitry Sep 15 '13 at 21:57

How to implement `viewForHeaderInSection` on iOS7 style?

6 Answers6