Comment définir la propriété UITableViewCellSelectionStyle avec une couleur personnalisée ?

Question

Je développe une application iPhone, dans ma vue de tableau je voulais une couleur personnalisée pour le style de sélection de cellule, j'ai lu le Référence de la classe UITableViewCell mais il n'y a que trois constantes définies pour le style de sélection (Bleu, Gris, Aucun). J'ai vu une application qui utilisait une couleur différente de celles définies dans la référence.

Comment utiliser une couleur autre que celles définies dans la référence ?

Answer 1

La meilleure façon de définir la sélection est de définir le paramètre selectedBackgroundView sur la cellule lorsque vous la construisez.

c'est-à-dire

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *CellIdentifier = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];
        cell.selectedBackgroundView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"SelectedCellBackground.png"]] autorelease];
    }

    // configure the cell
}

L'image utilisée doit avoir un beau dégradé (comme la sélection par défaut). Si vous souhaitez simplement une couleur plate, vous pouvez utiliser une UIView au lieu d'une UIImageView et définir le backgroundColor à la couleur souhaitée.

Cet arrière-plan est ensuite automatiquement appliqué lorsque la ligne est sélectionnée.

Answer 2

Réglage de la selectedBackgroundView semble n'avoir aucun effet lorsque le cell.selectionStyle est fixé à UITableViewCellSelectionStyleNone . Lorsque je ne définis pas le style, il utilise le gris par défaut.

En utilisant la première suggestion qui insère le UIView dans la cellule manipule effectivement la cellule mais ne s'affiche pas lorsque la cellule est touchée, seulement après que l'action sélectionnée soit terminée, ce qui est trop tard car je suis en train de passer à une nouvelle vue. Comment faire pour que la vue sélectionnée dans la cellule s'affiche avant le début de l'opération sélectionnée ?

Answer 3

Si vous avez sous-classé une cellule UITableViewCell, vous pouvez personnaliser les différents éléments de la cellule en surchargeant les éléments suivants :

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated {
    if(highlighted) {
        self.backgroundColor = [UIColor redColor];
    } else {
        self.backgroundColor = [UIColor clearColor];
    }

    [super setHighlighted:highlighted animated:animated];
}

EDIT pour iOS7 : comme l'a indiqué Sasho, vous avez également besoin de

cell.selectionStyle = UITableViewCellSelectionStyleNone

Answer 4

J'ai essayé certaines des solutions ci-dessus, et En fait, je préfère créer ma propre sous-classe de UITableViewCell et surcharger les méthodes touchesBegan/touchesCancelled/touchesEnded. . Pour ce faire, ignorez toutes les propriétés selectedBackgroundView et highlightedColor de la cellule, et définissez plutôt ces couleurs manuellement chaque fois que l'une des méthodes ci-dessus est appelée. Par exemple, si vous souhaitez que la cellule ait un arrière-plan vert avec un texte rouge, essayez ceci (dans votre sous-classe de cellule personnalisée) :

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    //Set backgorund
    self.backgroundColor = [UIColor themeBlue];

    //Set text
    self.textLabel.textColor = [UIColor themeWhite];

    //Call super
    [super touchesBegan:touches withEvent:event];
}

Notez que pour que cela fonctionne, vous devez définir :

self.selectionStyle = UITableViewCellSelectionStyleNone;

Sinon, vous obtiendrez d'abord le style de sélection actuel.

EDIT : Je suggère d'utiliser la méthode touchesCancelled pour revenir aux couleurs originales des cellules, mais d'ignorer la méthode touchesEnded.

Answer 5

Surchargez didSelectRowAtIndexPath : et dessinez une UIView d'une couleur de votre choix et insérez-la derrière l'UILabel à l'intérieur de la cellule. Je ferais quelque chose comme ça :

UIView* selectedView; //inside your header

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{

  UITableViewCell* cell = [tableView cellForRowAtIndexPath:indexPath];
  selectedView = [[UIView alloc] initWithFrame:[cell frame]];
  selectedView.backgroundColor = [UIColor greenColor]; //whatever

  [cell insertSubview:selectedView atIndex:0]; //tweak this as necessary
  [selectedView release]; //clean up

}

Vous pouvez choisir d'animer cette vue lorsqu'elle est désélectionnée, ce qui répondra à vos besoins.