Comment mettre en œuvre des en-têtes et des pieds de section de vue de tableau personnalisés avec Storyboard

Question

Sans utiliser de storyboard, nous pourrions simplement faire glisser une UIView sur la toile, l'étaler, puis la placer dans les tableView:viewForHeaderInSection o tableView:viewForFooterInSection méthodes de délégation.

Comment faire avec un StoryBoard où l'on ne peut pas faire glisser une UIView sur le canevas ?

Answer 1

Utilisez simplement une cellule prototype comme en-tête et/ou pied de page de votre section.

• ajoutez une cellule supplémentaire et mettez-y les éléments que vous souhaitez.
• définir l'identifiant à quelque chose de spécifique (dans mon cas SectionHeader)
• mettre en œuvre la tableView:viewForHeaderInSection: ou la méthode tableView:viewForFooterInSection: méthode
• utiliser [tableView dequeueReusableCellWithIdentifier:] pour obtenir l'en-tête
• mettre en œuvre la 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 changer le titre de l'en-tête (question commentée) :

1. Ajouter une étiquette à la cellule d'en-tête

2. définir le tag de l'étiquette à un nombre spécifique (par exemple 123)

3. Dans votre tableView:viewForHeaderInSection: obtient l'étiquette en appelant la méthode

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

4. Vous pouvez maintenant utiliser l'étiquette pour définir un nouveau titre :

   [label setText:@"New Title"];

Answer 2

Je l'ai fait fonctionner dans iOS7 en utilisant une cellule prototype dans le storyboard. J'ai un bouton dans la vue d'en-tête de ma section personnalisée qui déclenche une séquence configurée dans le storyboard.

Commencez par La solution de Tieme

Comme le souligne pedro.m, le problème est que le fait d'appuyer sur l'en-tête de section entraîne la sélection de la première cellule de la section.

Comme le souligne Paul Von, ce problème est résolu en renvoyant la ContentView de la cellule au lieu de la cellule entière.

Cependant, comme le souligne Hons, un appui long sur l'en-tête de cette section fera planter l'application.

La solution est de supprimer tout 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'utilisez pas les gestes dans les vues d'en-tête de vos sections, cette petite astuce semble y parvenir.

Answer 3

Si vous utilisez des storyboards, vous pouvez utiliser une cellule prototype dans la vue tableau pour mettre en page votre vue d'en-tête. Définissez un identifiant unique et pour viewForHeaderInSection, vous pouvez retirer de la file la cellule avec cet identifiant et la transformer en UIView.

Answer 4

La solution que j'ai trouvée est fondamentalement la même que celle utilisée avant l'introduction des storyboards.

Créez un nouveau fichier de classe d'interface vide. Faites glisser un UIView sur le canevas, en le disposant comme vous le souhaitez.

Chargez la plume manuellement, affectez-la à la section d'en-tête/de pied appropriée dans les méthodes de délégation viewForHeaderInSection ou viewForFooterInSection.

J'avais l'espoir qu'Apple simplifie ce scénario avec des storyboards et je continuais à chercher une solution meilleure ou plus simple. Par exemple, il est facile d'ajouter des en-têtes et des pieds de tableaux personnalisés.

Answer 5

J'avais l'habitude de faire ce qui suit pour créer des vues en-tête/pied de page paresseusement :

• Ajoutez au storyboard un contrôleur de vue de forme libre pour l'en-tête et le pied de section.
• Gérer tout ce qui concerne l'en-tête dans le contrôleur de vue.
• Dans le contrôleur de vue de la table, fournissez un tableau mutable de contrôleurs de vue pour les en-têtes/pieds de section repeuplés avec [NSNull null]
• Dans viewForHeaderInSection/viewForFooterInSection, si le contrôleur de vue n'existe pas encore, créez-le avec storyboards instantiateViewControllerWithIdentifier, mémorisez-le dans le tableau et renvoyez la vue du contrôleur de vue.