Comment mettre en Œuvre de Table Personnalisé Section Affichage des en-Têtes et Pieds de page de story-board

Il suffit d'utiliser un prototype de cellule en tant que votre section d'en-tête et /ou pied de page.

• ajouter un supplément de cellule et de mettre votre choix des éléments qui le composent.
• définir l'identificateur de quelque chose de spécifique (dans mon cas SectionHeader)
• mettre en œuvre les tableView:viewForHeaderInSection: méthode ou la tableView:viewForFooterInSection: méthode
• utilisation [tableView dequeueReusableCellWithIdentifier:] pour obtenir l'en-tête
• mettre en œuvre les tableView:heightForHeaderInSection: méthode.

-(UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    static NSString *CellIdentifier = @"SectionHeader"; 
    UITableViewCell *headerView = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (headerView == nil){
        [NSException raise:@"headerView == nil.." format:@"No cells with matching CellIdentifier loaded from your storyboard"];
    }
    return headerView;
}  

Edit: Comment faire pour modifier l'en-tête de titre (en commentaire à la question):

1. Ajouter une étiquette à la cellule d'en-tête
2. définir la balise de l'étiquette pour un nombre spécifique (p. 123)
3. Dans votre tableView:viewForHeaderInSection: méthode d'obtenir le label en appelant le:

    UILabel *label = (UILabel *)[headerView viewWithTag:123]; 

1. Maintenant, vous pouvez utiliser l'étiquette pour définir un nouveau titre:

    [label setText:@"New Title"];

Je l'ai eu à travailler dans iOS7 à l'aide d'un prototype de cellule dans la table de montage séquentiel. J'ai un bouton dans mon custom de la section d'en-tête de la vue qui déclenche une séquence qui est mis en place dans le storyboard.

Commencer avec Tieme de la solution

Comme pedro.points m, le problème avec ceci est que la récolte de la section d'en-tête des causes de la première cellule dans la section sélectionné.

Comme Paul Von points, c'est fixé par le retour de la cellule contentView au lieu de l'ensemble de la cellule.

Cependant, comme avec mention des points, un appui long sur ladite section en-tête du crash de l'application.

La solution est de supprimer toute gestureRecognizers de contentView.

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
     static NSString *CellIdentifier = @"SectionHeader";
     UITableViewCell *sectionHeaderView = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

     while (sectionHeaderView.contentView.gestureRecognizers.count) {
         [sectionHeaderView.contentView removeGestureRecognizer:[sectionHeaderView.contentView.gestureRecognizers objectAtIndex:0]];
     }

     return sectionHeaderView.contentView; }

Si vous n'êtes pas à l'aide de gestes dans votre en-tête de section de vues, ce petit hack semble l'avoir fait.

Si vous avez besoin d'une mise en Œuvre rapide de cette suivez les instructions sur l'acceptés réponse et en vous UITableViewController implémenter les méthodes suivantes:

override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    return tableView.dequeueReusableCell(withIdentifier: "CustomHeader")
}

override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 75
}

Lorsque vous revenez de la cellule contentView vous aurez à 2 problèmes:

1. incident lié à des gestes
2. vous n'avez pas la réutilisation de contentView (à chaque fois sur viewForHeaderInSection appel, la création de nouvelles cellules)

Solution:

Classe Wrapper pour la table d'en-tête\le pied de page.
C'est juste conteneur, hérité de UITableViewHeaderFooterView, qui détient de la cellule à l'intérieur de

https://github.com/Magnat12/MGTableViewHeaderWrapperView.git

La classe de registre dans votre UITableView (par exemple, dans le viewDidLoad)

- (void)viewDidLoad {
    [super viewDidLoad];
    [self.tableView registerClass:[MGTableViewHeaderWrapperView class] forHeaderFooterViewReuseIdentifier:@"ProfileEditSectionHeader"];
}

Dans votre UITableViewDelegate:

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    MGTableViewHeaderWrapperView *view = [tableView dequeueReusableHeaderFooterViewWithIdentifier:@"ProfileEditSectionHeader"];

    //init your custom cell
    ProfileEditSectionTitleTableCell *cell = (ProfileEditSectionTitleTableCell * ) view.cell;
    if (!cell) {
        cell = [tableView dequeueReusableCellWithIdentifier:@"ProfileEditSectionTitleTableCell"];
        view.cell = cell;
    }

    //Do something with your cell

    return view;
}

J'ai été en difficulté au sein d'un scénario où l'en-Tête n'a jamais été réutilisé même en faisant toutes les étapes.

Donc comme une pointe remarque à tous ceux qui veulent arriver à la situation d'afficher des sections vides (0 lignes) être avertir que:

dequeueReusableHeaderFooterViewWithidentifier ne sera pas réutiliser l'en-tête jusqu'à ce que vous renvoyer au moins une ligne

Espère que cela aide

Vous devez utiliser Tieme de la solution comme une base mais oublier la viewWithTag: de poisson et d'autres approches, au lieu d'essayer de recharger votre en-tête (rechargement de cet article).

Donc, après avoir siégé jusqu'à votre cellule personnalisé en-tête de la vue avec toute la fantaisie AutoLayout tout ça, juste retirer et de retourner le contentView après votre installation, comme:

-(UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
static NSString *CellIdentifier = @"SectionHeader"; 
SettingsTableViewCell *sectionHeaderCell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
sectionHeaderCell.myPrettyLabel.text = @"Greetings";
sectionHeaderCell.contentView.backgroundColor = [UIColor whiteColor]; //don't leave this transparent
return sectionHeaderCell.contentView;
}  

Ici est @Vitaliy Gozhenko réponse, en Swift.

Pour résumer, vous allez créer un UITableViewHeaderFooterView qui contient un UITableViewCell. Cette UITableViewCell sera "dequeuable" et vous pouvez créer dans votre storyboard.

1. Créer un UITableViewHeaderFooterView classe

   class CustomHeaderFooterView: UITableViewHeaderFooterView {
   var cell : UITableViewCell? {
   willSet {
   cell?.removeFromSuperview()
   }
   didSet {
   if let cell = cell {
   cell.frame = self.bounds
   cell.autoresizingMask = [UIViewAutoresizing.FlexibleHeight, UIViewAutoresizing.FlexibleWidth]
   self.contentView.backgroundColor = UIColor .clearColor()
   self.contentView .addSubview(cell)
   }
   }
   }
   

2. Branchez votre tableview avec cette classe dans votre viewDidLoad fonction:

   self.tableView.registerClass(CustomHeaderFooterView.self, forHeaderFooterViewReuseIdentifier: "SECTION_ID")
   

3. Lors de la demande, pour un en-tête de section, dequeue un CustomHeaderFooterView, et d'insérer une cellule en elle

   func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
   let view = self.tableView.dequeueReusableHeaderFooterViewWithIdentifier("SECTION_ID") as! CustomHeaderFooterView
   if view.cell == nil {
   let cell = self.tableView.dequeueReusableCellWithIdentifier("Cell")
   view.cell = cell;
   }
   //Fill the cell with data here
   return view;
   }
   

Similaire à laszlo répondre, mais vous pouvez réutiliser le même prototype de cellule pour les deux cellules du tableau et de la section d'en-tête de la cellule. Ajouter les deux premières fonctions ci-dessous pour votre sous-classe UIViewController

override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let cell = tableView.dequeueReusableCell(withIdentifier: "DataCell") as! DataCell
cell.data1Label.text = "DATA KEY"
cell.data2Label.text = "DATA VALUE"
return cell
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 75
}
//Example of regular data cell dataDelegate to round out the example
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "DataCell", for: indexPath) as! PlayerCell
cell.data1Label.text = "\(dataList[indexPath.row].key)"
cell.data2Label.text = "\(dataList[indexPath.row].value)"
return cell
}