UITableViewHeaderFooterView en iOS 8

fonts ios8

Question

Tengo un UITableViewHeaderFooterView en el que cambio la fuente textLabel y el color de fondo

UITableViewHeaderFooterView* header = [tableView dequeueReusableHeaderFooterViewWithIdentifier:@"header"];
if(!header)
{
    header = [[UITableViewHeaderFooterView alloc] initWithReuseIdentifier:@"header"];
    [header.textLabel setFont:[UIFont boldSystemFontOfSize:15]];
    [header.contentView setBackgroundColor:[UIColor colorWithRed:213/255.0 green:213/255.0 blue:213/255.0 alpha:1]];
}

Así es como lo muestra iOS 7:

Así es como iOS 8 lo muestra: El setFont: no parece tener efecto aquí, o la fuente 15pt es más grande en iOS 8 que en iOS 7

Así es como iOS 8 lo muestra cuando elimino setFont: call

Como puede ver, setFont no tiene ningún efecto en la fuente, pero sí en textColor.

¿Me estoy perdiendo algo o esos son "beta bugs" (estoy usando simuladores de XCode6 GM seed, y tengo el mismo problema en un iPhone 5 con iOS 8 beta 5)?

Editar: versión iOS 8 y XCode 6.0.1 no parece solucionar el problema

Answer 1

Estaba teniendo el mismo problema y terminé subclasando UITableViewHeaderFooterView.

Aquí hay una pequeña implementación de referencia: simplemente configure header.headerLabel.text = @"myString"; .

@interface BHRSectionHeaderView : UITableViewHeaderFooterView

@property (nonatomic, strong) UILabel *headerLabel;

@end



@implementation BHRSectionHeaderView

- (UILabel *)headerLabel
{
    if (!_headerLabel)
    {
        _headerLabel = [[UILabel alloc] initWithFrame:CGRectZero];
        _headerLabel.font = [UIFont boldSystemFontOfSize:13.f];
        _headerLabel.textColor = [UIColor redColor];

        _headerLabel.translatesAutoresizingMaskIntoConstraints = NO;
        [self addSubview:_headerLabel];

        [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(16)-[header]-(>=0)-|"
                                                                 options:0
                                                                 metrics:nil
                                                                   views:@{ @"header": _headerLabel }]];

        [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-(>=0)-[header]-(>=0)-|"
                                                                 options:0
                                                                 metrics:nil
                                                                   views:@{ @"header": _headerLabel }]];

        [self addConstraint:[NSLayoutConstraint constraintWithItem:_headerLabel
                                                     attribute:NSLayoutAttributeCenterY
                                                     relatedBy:NSLayoutRelationEqual
                                                        toItem:self
                                                     attribute:NSLayoutAttributeCenterY
                                                    multiplier:1.0f
                                                      constant:0.0f]];
    }

    return _headerLabel;
}

@end

Answer 2

Basado en la respuesta de tubtub, hice una subclase UITableViewHeaderFooterView:

@interface CompatibilityTableViewHeaderFooterView : UITableViewHeaderFooterView
@property (nonatomic,readonly) UILabel* compabilityTextLabel;
@end

@implementation CompatibilityTableViewHeaderFooterView
{
    UILabel* iOS8TextLabel;
    NSLayoutConstraint* iOS8TextLabelLeftMarginConstraint;
}

-(instancetype) initWithReuseIdentifier:(NSString *)reuseIdentifier
{
    if (self = [super initWithReuseIdentifier:reuseIdentifier])
    {
        self.contentView.backgroundColor = GRIS_213;
        self.compabilityTextLabel.font = [UIFont boldSystemFontOfSize:15];
    }
    return self;
}

-(UILabel*) compabilityTextLabel
{
    if ([UIDevice currentDevice].systemVersion.floatValue < 8.0)
    {
        return self.textLabel;
    }
    else
    {
        if (!iOS8TextLabel)
        {
            iOS8TextLabel = [[UILabel alloc] init];
            iOS8TextLabel.translatesAutoresizingMaskIntoConstraints = NO;

            [self addSubview:iOS8TextLabel];

            iOS8TextLabelLeftMarginConstraint = [NSLayoutConstraint constraintWithItem:iOS8TextLabel attribute:NSLayoutAttributeLeading relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeLeft multiplier:1 constant:0];

            [self addConstraint:iOS8TextLabelLeftMarginConstraint];
            [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[iOS8TextLabel]-(>=0)-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(iOS8TextLabel)]];
            [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[iOS8TextLabel]|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(iOS8TextLabel)]];
        }
        return iOS8TextLabel;
    }
}

-(UITableView*) searchForTableView
{
    UIView* currentView = self;
    while (currentView)
    {
        currentView = currentView.superview;
        if ([currentView isKindOfClass:[UITableView class]])
        {
            return (UITableView*)currentView;
        }
    }
    return nil;
}

-(void) layoutSubviews
{
    [super layoutSubviews];

    UITableView* tableView = [self searchForTableView];
    if (tableView)
    {
        iOS8TextLabelLeftMarginConstraint.constant = tableView.separatorInset.left;
    }
}

Así que, básicamente, ahora solo uso la propiedad textLabel lugar de textLabel . Tenga en cuenta que la restricción del espacio izquierdo se actualiza automáticamente para que coincida con el recuadro separador tableView. Siéntase libre de comentar / mejorar mi código;)

Answer 3

Puede modificar la fuente textLabel anulando el método -layoutSubviews:

- (void)layoutSubviews
{
    self.textLabel.font = [UIFont boldSystemFontOfSize:15.0f];
    self.textLabel.textAlignment = NSTextAlignmentCenter;
    self.textLabel.textColor = [UIColor grayColor];

    [super layoutSubviews];
}

Answer 4

[Versión de SWIFT] Acaba de presentar el mismo problema en UITableView UITableViewStylePlain, es decir, la configuración de la fuente del encabezado en

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) {...} 

no tiene efecto. Aquí hay un código de mi subclase de UITableViewController que funcionó para mí [probado con XCode 6.4, iOS 8.4], ver http://www.elicere.com/mobile/swift-blog-2-uitableview-section-header-color/

override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    let header = view as? UITableViewHeaderFooterView //recast your view as a UITableViewHeaderFooterView
    if (header == nil) {
      return;
    }
    if (myHeaderFont != nil) {
      header!.textLabel.font = myHeaderFont;
    } 
  }

La altura del encabezado debe ajustarse "manualmente":

override func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
if (myHeaderFont == nil) {
  return  20; //DEFAULT_HEADER_HEIGHT_IN_POINTS;
}
return myHeaderFont.pointSize * 2; //HEIGHT_REL_TO_FONT;

}

El resto fue estándar, pero muestra aquí para completar:

override func viewDidLoad() {
//...
//https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITableViewHeaderFooterView_class/index.html#//apple_ref/doc/uid/TP40012241
    self.tableView.registerClass(UITableViewHeaderFooterView.self, forHeaderFooterViewReuseIdentifier: "HEADER_REUSE_ID")
 //...
}
      override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        var header = tableView.dequeueReusableHeaderFooterViewWithIdentifier("HEADER_REUSE_ID") as? UITableViewHeaderFooterView;
        if (header == nil) {
          header = UITableViewHeaderFooterView(reuseIdentifier: "HEADER_REUSE_ID");
        }
        header!.textLabel.text = myTitle;
        return header!;
      }