UITableViewHeaderFooterView and Interface Builder: how to adjust width for different devices? - ios

Question

I am implementing a custom Header view for my UITableView. I created a HeaderView class that extends UITableViewHeaderFooterView and a Nib file for this view.
In the view controller, I registered it:
[self.tableView registerNib:[UINib nibWithNibName:#"HeaderView" bundle:[NSBundle mainBundle]] forHeaderFooterViewReuseIdentifier:#"HeaderView"];
And then set as a header:
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
HeaderView *view = [tableView dequeueReusableHeaderFooterViewWithIdentifier:#"HeaderView"];
return view;
}
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
return 26.0f;
}
The problem is that the width of the view is always the same as in the nib file. Since now there are multiple screen widths, I cannot simply set the view width to 320 (or the width of the table view) in the nib file.
How exactly am I supposed to set up the header view so it automatically fits the table width?
Update: here's a comparison when I change the view simulated metrics from Inferred to a fixed one (iPhone 3.5" in this case):
img http://cl.ly/image/451n2N303J3S/Image%202015-04-19%20at%206.39.58%20PM.png

Answer 1

Had the same problem ... the only solution I found was by setting all the frames of the subviews in my custom UITableViewHeaderFooterView to the according state.
Dirty example:
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
NSString *headerIdentifier = #"SectionHeader";
TableViewHeaderFooterView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier];
if (headerView == nil) {
headerView = [[TableViewHeaderFooterView alloc] initWithReuseIdentifier:headerIdentifier];
}
.....
[headerView setWidthForSubviews:tableView.frame.size.width]; // set the right width of the right subviews
....
return headerView;
}
in TableViewHeaderFooterView
- (void)setWidthForSubviews:(CGFloat)width {
for (UIView *view in #[[self viewWithTag:1],[self viewWithTag:2],[self viewWithTag:3], ...]) {
view.frame = CGRectMake(view.frame.origin.x, view.frame.origin.y, width, view.frame.size.height);
}
}
If someone finds another solution I'll be grateful but it seems that UITableViewHeaderFooterView may have problems with autolayout, especially if you load it from a nib.

Answer 2

I would look at a couple of things.
If you using springs and struts, then trying set the autoResizingMask
[maskingBackground setAutoresizingMask:UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth];
If using autolayout then pin to the tableWidth and use a constant height constraint.
If that does not meet your needs I would look at using this in your header view class
-(void)willMoveToSuperview:(UIView*)superview
And setting your frame in there using the superview.frame.size to guide you.