Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Changing the background color on a UITableViewHeaderFooterView loaded from a xib says to use contentView.backgroundColor instead

Tags:

I'm creating a UITableViewHeaderFooterView from a xib file, and almost everything is working properly.

The problem is that now when I try to change the background color (or if I had one configured in the xib), it will constantly output this message to the console:

Setting the background color on UITableViewHeaderFooterView has been deprecated. Please use contentView.backgroundColor instead.

This means I have two problems:

  • If I don't want to see that warning, I must get rid of the background color in the xib file.(This is undesirable because then it means my xib no longer reflects what the view will look like at runtime).
  • When I attempt to change the background color via code, I get the contentView.backgroundColor suggestion, but when I try to follow that suggestion, nothing happens. (This is because contentView is nil.)

Note: There is a similar question here, but that was mainly concerned with muting the message, not finding an alternative solution that resolves both problems above.

Update: To be clear, I want to continue using a xib file for the header view, and want to be able to call dequeueReusableHeaderFooterViewWithIdentifier: so that the table can be efficient in its management of the views.

like image 723
Senseful Avatar asked Aug 04 '14 22:08

Senseful


2 Answers

Here is the best way I've found to solve this:

  1. Reset the background color of your UITableViewHeaderFooterView to Default.
  2. Add a single view directly underneath the instance of your UITableViewHeaderFooterView, and call it Content View. (This is exactly what Apple does with a UITableViewCell, and we are just mimicking that structure.)
  3. You can now change the background color of the content view to be whatever you want in the xib file.
  4. Place any other views inside the Content View.
  5. Redefine the contentView property in an extension method, and add IBOutlet to its definition. (See code below.)
  6. Associate the property with the content view you created, just as you would with any IBOutlet.
  7. You can now change the background color using contentView.backgroundColor in code, just as the error message tells you to.

.h file:

@interface ABCHeaderView : UITableViewHeaderFooterView
@end

.m file:

@interface ABCHeaderView ()

@property (nonatomic, readwrite, retain) IBOutlet UIView *contentView;

@end

@implementation ABCHeaderView

@synthesize contentView;

@end

This hierarchy is consistent with Apple's documentation:

If you have custom content to display, create the subviews for your content and add them to the view in the contentView property.

like image 91
Senseful Avatar answered Oct 04 '22 20:10

Senseful


To get rid of the warning you must not set the background color. The problem is when you creating TableHeader in such way, IB does not provide special object for that. Removing background color in source code will excelent solve described problem, just in some clicks.

  1. Found header .xib in Xcode
  2. Right click - Open As -> Source code
  3. Find color key: Cmd-F - "backgr"
  4. Remove it. In my case it was the line: <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
  5. Now you can change background like:

    override func awakeFromNib() {
    
        backgroundView = UIView()
        backgroundView?.backgroundColor = UIColor.whiteColor()
    }
    
like image 30
HotJard Avatar answered Oct 04 '22 20:10

HotJard