UITableView - changer la couleur de l'en-tête de section

Question

Comment puis-je changer la couleur de l'en-tête d'une section dans UITableView ?

EDIT : Le site réponse fournie par DJ-S doit être envisagé pour iOS 6 et plus. La réponse acceptée n'est plus d'actualité.

Answer 1

Il s'agit d'une vieille question, mais je pense que la réponse doit être mise à jour.

Cette méthode n'implique pas de définir et de créer votre propre vue personnalisée. Dans les versions iOS 6 et ultérieures, vous pouvez facilement modifier la couleur de l'arrière-plan et du texte en définissant l'attribut

-(void)tableView:(UITableView *)tableView 
    willDisplayHeaderView:(UIView *)view 
    forSection:(NSInteger)section

méthode de délégation de section

Par exemple :

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    // Background color
    view.tintColor = [UIColor blackColor];

    // Text Color
    UITableViewHeaderFooterView *header = (UITableViewHeaderFooterView *)view;
    [header.textLabel setTextColor:[UIColor whiteColor]];

    // Another way to set the background color
    // Note: does not preserve gradient effect of original header
    // header.contentView.backgroundColor = [UIColor blackColor];
}

Tiré de mon post ici : https://happyteamlabs.com/blog/ios-how-to-customize-table-view-header-and-footer-colors/

Swift 3 / 4

func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int){
    view.tintColor = UIColor.red
    let header = view as! UITableViewHeaderFooterView
    header.textLabel?.textColor = UIColor.white
}

Answer 2

Espérons que cette méthode de l UITableViewDelegate vous permettra de commencer :

Objective-C :

- (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section 
{
  UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, 30)] autorelease];
  if (section == integerRepresentingYourSectionOfInterest)
     [headerView setBackgroundColor:[UIColor redColor]];
  else 
     [headerView setBackgroundColor:[UIColor clearColor]];
  return headerView;
}

Swift :

func tableView(_ tableView: UITableView!, viewForHeaderInSection section: Int) -> UIView!
{
  let headerView = UIView(frame: CGRect(x: 0, y: 0, width: tableView.bounds.size.width, height: 30))
  if (section == integerRepresentingYourSectionOfInterest) {
    headerView.backgroundColor = UIColor.redColor()
  } else {
    headerView.backgroundColor = UIColor.clearColor()
  }
  return headerView
}

Mis à jour en 2017 :

Swift 3 :

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
    {
        let headerView = UIView(frame: CGRect(x: 0, y: 0, width: tableView.bounds.size.width, height: 30))
        if (section == integerRepresentingYourSectionOfInterest) {
            headerView.backgroundColor = UIColor.red
        } else {
            headerView.backgroundColor = UIColor.clear
        }
        return headerView
    }

Remplacer [UIColor redColor] avec n'importe quelle UIColor vous aimeriez. Vous pouvez également ajuster les dimensions de headerView .

Answer 3

Voici comment modifier la couleur du texte.

UILabel *label = [[[UILabel alloc] initWithFrame:CGRectMake(10, 3, tableView.bounds.size.width - 10, 18)] autorelease];
label.text = @"Section Header Text Here";
label.textColor = [UIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:0.75];
label.backgroundColor = [UIColor clearColor];
[headerView addSubview:label];

Answer 4

Vous pouvez le faire si vous voulez un en-tête avec une couleur personnalisée. Cette solution fonctionne parfaitement depuis iOS 6.0.

Objectif C :

[[UITableViewHeaderFooterView appearance] setTintColor:[UIColor redColor]];

Swift :

UITableViewHeaderFooterView.appearance().tintColor = .white

Answer 5

N'oubliez pas d'ajouter ce morceau de code à partir du délégué, sinon votre vue sera coupée ou apparaîtra derrière le tableau dans certains cas, par rapport à la hauteur de votre vue/étiquette.

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 30;
}