Définir la couleur d'arrière-plan d'une cellule d'un tableau sur l'iPhone

Question

Je veux obtenir l'effet suivant : une cellule de la vue tableau aura un fond bleu, la suivante sera blanche, la suivante sera à nouveau bleue, puis blanche et ainsi de suite... Pourriez-vous me dire comment faire ?

Merci.

Answer 1

Ajoutez cette méthode au délégué de votre vue de table :

#pragma mark UITableViewDelegate
- (void)tableView: (UITableView*)tableView 
  willDisplayCell: (UITableViewCell*)cell 
forRowAtIndexPath: (NSIndexPath*)indexPath
{
    cell.backgroundColor = indexPath.row % 2 
        ? [UIColor colorWithRed: 0.0 green: 0.0 blue: 1.0 alpha: 1.0] 
        : [UIColor whiteColor];
    cell.textLabel.backgroundColor = [UIColor clearColor];
    cell.detailTextLabel.backgroundColor = [UIColor clearColor];
}

Answer 2

Vous devez définir la couleur de fond de la vue du contenu de la cellule.

cell.contentView.backgroundColor = [UIColor colorWithRed...]

Ceci définira l'arrière-plan de la cellule entière.

Pour ce faire, pour les cellules alternées, utilisez la fonction indexPath.row y % par 2.

Answer 3

Si vous souhaitez définir la couleur de la cellule en fonction d'un état de l'objet de données de la cellule, il s'agit d'une autre approche :

Si vous ajoutez cette méthode à votre délégué de vue de table :

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
cell.backgroundColor = cell.contentView.backgroundColor;
}

Ensuite, dans votre méthode cellForRowAtIndexPath vous pouvez faire :

if (myCellDataObject.hasSomeStateThatMeansItShouldShowAsBlue) {
    cell.contentView.backgroundColor = [UIColor blueColor];
}

Cela évite de devoir récupérer à nouveau vos objets de données dans la méthode willDisplayCell.

Answer 4

Veuillez ajouter le code suivant dans le cellForRowAtIndexPath

if (indexPath.row % 2 == 0){
    cell.backgroundColor =[UIColor blueColor];
} else {
    cell.backgroundColor =[UIColor whiteColor];
}

Je pense que cela va vous aider

Answer 5

El cell.contentView.backgroundColor = [UIColor colorWithRed...] de la réponse de lostInTransit fonctionne, tant que vous n'utilisez pas l'étiquette intégrée d'une UITableViewCell.

J'ai découvert que si vous utilisez l'étiquette intégrée, par exemple en définissant cell.text vous vous retrouvez avec un bloc blanc opaque sous l'étiquette et seules les deux extrémités de la cellule affichent la couleur souhaitée.

Je n'ai trouvé aucun moyen de modifier l'étiquette intégrée afin qu'elle soit non opaque (vous pouvez y accéder via UILabel* cellLabel = [cell.contentView.subviews objectAtIndex:0] ).

J'ai résolu le problème en ajoutant ma propre personnalisation UILabel . Comme ça :

UILabel* cellLabel = [[[UILabel alloc] initWithFrame:cell.frame] autorelease];
cellLabel.text = @"Test with non-opaque label";
cellLabel.backgroundColor = [UIColor clearColor];
cellLabel.opaque = NO;

[cell.contentView addSubview:cellLabel];
cell.contentView.backgroundColor = [UIColor darkGrayColor];