Comment personnaliser la couleur de fond d'un UITableViewCell?

Question

J'aimerais personnaliser l'arrière-plan (et peut-être aussi la bordure) de tous les UITableViewCells dans mon UITableView. Jusqu'à présent, je n'ai pas été en mesure de personnaliser ces éléments. J'ai donc un groupe de cellules d'arrière-plan blanches qui est la valeur par défaut.

Y a-t-il un moyen de faire cela avec le SDK pour iPhone?

Answer 1

Vous devez définir la couleur d'arrière-plan de contentView de la cellule sur votre couleur. Si vous utilisez des accessoires (tels que des flèches d'affichage, etc.), ils apparaîtront en blanc. Vous devrez donc peut-être en créer des versions personnalisées.

Answer 2

Voici le moyen le plus efficace que j'ai rencontré pour résoudre ce problème. Utilisez la méthode déléguée willDisplayCell (elle gère également la couleur blanche de l'arrière-plan de l'étiquette de texte lors de l'utilisation de cell.textLabel.text et / ou d'une cellule. detailTextLabel.text):

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

Lorsque cette méthode de délégation est appelée, la couleur de la cellule est contrôlée via la cellule plutôt que par la vue tableau, comme lorsque vous utilisez:

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

Donc, dans le corps de la méthode de délégation de cellule, ajoutez le code suivant pour alterner les couleurs des cellules ou utilisez simplement l'appel de fonction pour que toutes les cellules du tableau aient la même couleur.

if (indexPath.row % 2)
{
    [cell setBackgroundColor:[UIColor colorWithRed:.8 green:.8 blue:1 alpha:1]];
}
else [cell setBackgroundColor:[UIColor clearColor]];

Cette solution a bien fonctionné dans mon cas ...

Answer 3

C’est très simple, car OS 3.0 vient de définir la couleur d’arrière-plan de la cellule dans la méthode willDisplayCell. Vous ne devez pas définir la couleur dans cellForRowAtIndexPath.

Ceci fonctionne à la fois pour le style brut et le style groupé:

Code:

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

P.S: Voici l'extrait de documentation pour willDisplayCell:

  

" Une vue tabulaire envoie ce message à   son délégué juste avant qu'il utilise la cellule   tracer une ligne, permettant ainsi à la   déléguer pour personnaliser l'objet de cellule   avant qu'il ne soit affiché. Cette méthode   donne au délégué une chance de   redéfinir le jeu de propriétés basé sur l'état   plus tôt par la vue de table, telle que   sélection et couleur de fond. Après   le délégué revient, la vue table   définit uniquement l'alpha et le cadre   propriétés, et alors seulement quand   animer des lignes quand ils glissent ou   sur. "

J'ai trouvé cette information dans cette post de colionel . Merci à lui!

Answer 4

La meilleure approche que j'ai trouvée jusqu'à présent consiste à définir une vue d'arrière-plan de la cellule et à effacer l'arrière-plan des sous-vues de cellule. Bien sûr, cela a l'air bien sur des tables avec un style indexé seulement, peu importe avec ou sans accessoires.

Voici un exemple où le fond de la cellule est haché en jaune:

UIView* backgroundView = [ [ [ UIView alloc ] initWithFrame:CGRectZero ] autorelease ];
backgroundView.backgroundColor = [ UIColor yellowColor ];
cell.backgroundView = backgroundView;
for ( UIView* view in cell.contentView.subviews ) 
{
    view.backgroundColor = [ UIColor clearColor ];
}

Answer 5

Mettez ceci simplement dans votre fichier de classe de délégué UITableView (.m):

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell  forRowAtIndexPath:(NSIndexPath *)indexPath 
{
    UIColor *color = ((indexPath.row % 2) == 0) ? [UIColor colorWithRed:255.0/255 green:255.0/255 blue:145.0/255 alpha:1] : [UIColor clearColor];
    cell.backgroundColor = color;
}

Answer 6

Je suis d'accord avec Seba,    J'ai essayé de définir la couleur de ma ligne en alternance dans la méthode déléguée rowForIndexPath, mais les résultats étaient incohérents entre 3.2 et 4.2. Ce qui suit a très bien fonctionné pour moi.

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {

    if ((indexPath.row % 2) == 1) {
        cell.backgroundColor = UIColorFromRGB(0xEDEDED);
        cell.textLabel.backgroundColor = UIColorFromRGB(0xEDEDED);
        cell.selectionStyle = UITableViewCellSelectionStyleGray;
    }
    else
    {
        cell.backgroundColor = [UIColor whiteColor];
        cell.selectionStyle = UITableViewCellSelectionStyleGray;
    }

}

Answer 7

Après avoir essayé toutes les solutions, la méthode suivante est la plus élégante. Modifiez la couleur dans la méthode de délégation suivante:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    if (...){
        cell.backgroundColor = [UIColor blueColor];
    } else {
        cell.backgroundColor = [UIColor whiteColor];
    }
}

Answer 8

vlado.grigorov a quelques bons conseils - le meilleur moyen est de créer un backgroundView et de lui attribuer une couleur, en définissant tout le reste sur clearColor. De plus, je pense que cette façon de procéder est le seul moyen de supprimer correctement la couleur (essayez son échantillon, mais définissez "clearColor" au lieu de "yellowColor"), ce que j’essayais de faire.

Answer 9

La personnalisation de l’arrière-plan d’une cellule de la vue tableau devient "tout ou rien". approche. Il est très difficile de changer la couleur ou l'image utilisée pour l'arrière-plan d'une cellule de contenu d'une manière qui ne semble pas étrange.

La raison en est que la cellule couvre réellement la largeur de la vue. Les coins arrondis ne sont qu’une partie de son style de dessin et la vue du contenu se trouve dans cette zone.

Si vous modifiez la couleur de la cellule de contenu, vous obtiendrez des bits blancs visibles aux coins. Si vous changez la couleur de la cellule entière, vous aurez un bloc de couleur couvrant la largeur de la vue.

Vous pouvez certainement personnaliser une cellule, mais ce n'est pas aussi simple que vous pouvez le penser au début.

Answer 10

Créez une vue et définissez-la comme vue d'arrière-plan de la cellule

UIView *lab = [[UIView alloc] initWithFrame:cell.frame];
            [lab setBackgroundColor:[UIColor grayColor]];
            cell.backgroundView = lab;
            [lab release];

Answer 11

Pour étendre la réponse de N.Berendt - Si vous souhaitez définir la couleur de la cellule en fonction de l'état de l'objet de données de la cellule, configurez le reste des informations pour la cellule du tableau, qui correspond Si vous êtes dans la méthode cellForRowAtIndexPath, vous pouvez le faire en remplaçant la méthode willDisplayCell pour définir la couleur d’arrière-plan de la cellule à partir de la couleur d’arrière-plan de la vue de contenu - cela évite le problème des arrière-plans du bouton de divulgation, etc. la méthode cellForRowAtIndexPath où vous effectuez toute la personnalisation de votre autre cellule.

Donc: Si vous ajoutez cette méthode à votre délégué de vue 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];
}

Ceci évite d'avoir à récupérer vos objets de données à nouveau dans la méthode willDisplayCell et également d'avoir deux emplacements où vous personnalisez / personnalisez votre cellule de tableau - toute personnalisation peut aller dans la méthode cellForRowAtIndexPath.

Answer 12

Créez une image à utiliser comme arrière-plan avec Photoshop ou gimp et nommez-la myimage. Ajoutez ensuite cette méthode à votre classe tableViewController:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    UIImage *cellImage = [UIImage imageNamed:@"myimage.png"];//myimage is a 20x50 px with  gradient  color created with gimp
    UIImageView *cellView = [[UIImageView alloc] initWithImage:cellImage];
    cellView.contentMode = UIContentViewModeScaleToFill;
    cell.backgroundView = cellView;
    //set the background label to clear
    cell.titleLabel.backgroundColor= [UIColor clearColor];
}

Cela fonctionnera également si vous avez défini UITableView sur custom dans l'inspecteur d'attributs.

Answer 13

Ma solution consiste à ajouter le code suivant à l'événement cellForRowAtIndexPath:

UIView *solidColor = [cell viewWithTag:100];
if (!solidColor) {

    solidColor = [[UIView alloc] initWithFrame:cell.bounds];
    solidColor.tag = 100; //Big tag to access the view afterwards
    [cell addSubview:solidColor];
    [cell sendSubviewToBack:solidColor];
    [solidColor release];
}
solidColor.backgroundColor = [UIColor colorWithRed:254.0/255.0
                                             green:233.0/255.0
                                              blue:233.0/255.0
                                             alpha:1.0];

Fonctionne dans toutes les circonstances, même avec les boutons de divulgation, et il est préférable que votre logique agisse sur l'état de la couleur des cellules dans cellForRowAtIndexPath que dans l'événement cellWillShow, je pense.

Answer 14

Sous-classe UITableViewCell et ajoutez ceci dans la mise en oeuvre:

-(void)layoutSubviews
{
    [super layoutSubviews];
    self.backgroundColor = [UIColor blueColor];
}

Answer 15

    UIView *bg = [[UIView alloc] initWithFrame:cell.frame];
    bg.backgroundColor = [UIColor colorWithRed:175.0/255.0 green:220.0/255.0 blue:186.0/255.0 alpha:1]; 
    cell.backgroundView = bg;
    [bg release];

Answer 16

Cela fonctionnera dans le dernier Xcode.

-(UITableViewCell *) tableView: (UITableView *) tableView cellForRowAtIndexPath: (NSIndexPath *) indexPath {
    cell.backgroundColor = [UIColor grayColor];
}

Answer 17

Essayez ceci:

- (void)tableView:(UITableView *)tableView1 willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    [cell setBackgroundColor:[UIColor clearColor]];
    tableView1.backgroundColor = [UIColor colorWithPatternImage: [UIImage imageNamed: @"Cream.jpg"]];
}