Comment personnaliser tableView séparateur dans l'iPhone

Si vous voulez faire plus que le changement de la couleur du séparateur à l'aide de la separatorColor propriété de la UITableView vous pouvez alors régler le separatorStyle propriété UITableViewCellSeparatorStyleNone, et ensuite, soit:

• créer des UITableViewCells qui comprennent personnalisé de votre élément de séparation à l'intérieur de leur
• créer d'autres [UITableViewCell][6]s qui comprennent votre séparateur personnalisé

Par exemple, si votre tableau affiche actuellement 5 lignes vous pourriez mettre à jour pour afficher les 9 lignes et les lignes à l'indice 1, 3, 5, 7 serait le séparateur de cellules.

Si vous avez besoin de différents élément de séparation des couleurs pour les différentes lignes OU vous souhaitez que l'élément de séparation de rester visible lorsque la ligne est mise en surbrillance sur appuyez sur, puis essayez ceci:

self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

//We have to use the borderColor/Width as opposed to just setting the 
//backgroundColor else the view becomes transparent and disappears during 
//the cell's selected/highlighted animation
UIView *separatorView = [[UIView alloc] initWithFrame:CGRectMake(0, 43, 1024, 1)];
separatorView.layer.borderColor = [UIColor redColor].CGColor;
separatorView.layer.borderWidth = 1.0;
[cell.contentView addSubview:separatorView];

Cela suppose que votre cellule de la couleur d'arrière-plan est transparent.

---

La solution ci-dessus est venu de sortir de nombreuses expérimentations. Voici quelques notes sur mes résultats que je suis sûr qu'ils vont aider les gens:

À la normale “non sélectionné”

• La contentView (ce qui est dans votre XIB, à moins que vous codé autrement) est dessinée normalement
• La selectedBackgroundView est CACHÉ
• La backgroundView est visible (donc, à la condition que votre contentView est transparent, vous voyez le backgroundView ou (si vous n'avez pas défini un backgroundView vous verrez la couleur de fond de la UITableView lui-même)

Une cellule est sélectionnée, les éléments suivants se produit immédiatement avec tout le matériel d'animation:

• Tous les points de vue/des sous-vues au sein de la contentView ont leur backgroundColor effacé (ou transparent), label, etc la couleur du texte du changement de leur couleur sélectionnée
• La selectedBackgroundView devient visible (ce point de vue est toujours la pleine taille de la cellule (une image personnalisée est ignoré, l'utilisation d'une sous-vue si vous avez besoin). Notez également la backgroundColor de sous-vues ne sont pas affichées pour une raison quelconque, peut-être qu'ils transparente comme le contentView). Si vous n'avez pas de définir un selectedBackgroundView puis le Cacao va créer/insérer le bleu (ou gris) dégradé d'arrière-plan et d'affichage de ce pour vous)
• La backgroundView est inchangé

Lorsque la cellule est désélectionnée, une animation pour supprimer la surbrillance commence:

• La selectedBackgroundView propriété alpha est animé de 1.0 (complètement opaque) 0,0 (totalement transparent).
• La backgroundView est de nouveau stable (donc l'animation ressemble à un fondu enchaîné entre selectedBackgroundView et backgroundView)
• Seulement une fois que l'animation est terminée le contentView redessiner dans le "non-sélection" de l'état et de ses sous-vue backgroundColor de devenir à nouveau visible (ce qui peut causer votre animation à l'air horrible, donc il est conseillé que vous n'utilisez pas de UIView.backgroundColor dans votre contentView)

Vous ajoutez le code suivant cellForRowAtIndexPath délégué de la tableView pour créer un affichage de l'image de 1px de hauteur et de 200px de largeur pour everyCell

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 200, self.view.bounds.size.width, 1)];
lineView.backgroundColor = [UIColor blackColor];
[cell.contentView addSubview:lineView];

Note: je ne sais pas comment lourd c'est sur la performance.

Si vous êtes en utilisant des Cellules en Swift: Une approche alternative est d'étendre UITableViewCell avec une fonction qui permet de dessiner une ligne en haut de la cellule.

import UIKit

extension UITableViewCell {
    func addSeparatorLineToTop(){
        let lineFrame = CGRectMake(0, 0, bounds.size.width, 1)
        let line = UIView(frame: lineFrame)
        line.backgroundColor = UIColor.myGray_300()
        addSubview(line)
    }
}

Ensuite, vous pouvez ajouter cette ligne pour toute cellule personnalisé, par exemple dans le awakeFromNib

override func awakeFromNib() {
    super.awakeFromNib()
    addSeparatorLineToTop()
}

Cette solution est intéressante parce qu'elle ne veut pas gâcher votre storyboard et les limites de votre code supplémentaire pour 1 ligne.

Testé sur iOS 7 (GM):

@implementation MyTableViewController

- (void)viewDidLayoutSubviews {
    for (UIView *view in self.view.subviews) {
        if ([view isKindOfClass:NSClassFromString(@"_UITableViewCellSeparatorView")])
            view.backgroundColor = [UIColor redColor];
    }
}

@end

REMARQUE: il semble que la UITableView se déplace séparateurs de cellules dans certaines configurations, ce qui ferait de ce code ne fonctionnera que si vous descendez dans tous les UITableViewCells ainsi.

Si vous utilisez un personnalisé UITableViewCell, Vous pouvez simplement ajouter UIView sur le bas de la UItableViewCell.xib et mettre la couleur de fond la couleur que vous voulez.

Par exemple, sur xib-je ajouter une UIView sur le fond et la hauteur des 1. À l'aide de mise en page automatique, j'ai mis à gauche contrainte à 12, bas contrainte à 0, à droite de contrainte à 0 et la hauteur de la 1.