UITableViewCell affiche un fond blanc et ne peut pas être modifié sur iOS7

J'ai implémenté une classe de cellules de vue tableau personnalisée qui hérite de UITableViewCell. La vue du tableau contient une image d'arrière-plan, je veux donc que l'arrière-plan de la cellule soit transparent. Cela a l'air bien avant iOS7.

Cependant, dans iOS7, la cellule est toujours affichée avec un fond blanc.

Même pour Xcode7, 2015, il y a un bug dans le storyboard : il faut définir la couleur de fond d'une cellule dans le code.

Comme l'a dit Apple DOC ( UITableViewCell Class Reference ):

... Dans iOS 7, les cellules ont un fond blanc par défaut ; dans les versions antérieures d'iOS, les cellules héritent de la couleur d'arrière-plan de la vue de tableau englobante. Si vous souhaitez modifier la couleur d'arrière-plan d'une cellule, faites-le dans tableView: willDisplayCell: forRowAtIndexPath: méthode de votre délégué de vue de table.

Donc, pour mon cas, pour afficher les cellules avec un arrière-plan transparent, il suffit d'implémenter la méthode de délégation dans le contrôleur de vue de table comme ci-dessous:

- (void)tableView:(UITableView *)tableView
  willDisplayCell:(UITableViewCell *)cell
forRowAtIndexPath:(NSIndexPath *)indexPath
{
  [cell setBackgroundColor:[UIColor clearColor]];
}

Remarque : comme @null l'a dit, "... il semble y avoir un bogue dans le constructeur d'interface ..." , je ne suis pas tout à fait sûr qu'il y ait un bogue, mais il semble que son commentaire ait obtenu plusieurs votes. Il peut donc y avoir quelque chose qui ne va pas si vous utilisez IB. :)

Je l'ai étudié un peu et j'ai découvert que la cellule backgroundColor est définie par le système Appearance. Donc, si toutes les cellules de votre application ont un arrière-plan clair, la solution la plus simple serait:

[[UITableViewCell appearance] setBackgroundColor:[UIColor clearColor]];

Et même s'ils ont un arrière-plan différent, la couleur claire semble être la plus pratique par défaut.

Écrivez ceci dans votre méthode cellForRowAtIndexPath avant de retourner la cellule;

cell.backgroundColor = [UIColor clearColor];

La couleur d'arrière-plan par défaut d'un UITableViewCelldans iOS 7 est le blanc.

Vous devez définir la backgroundColorpropriété quelque part dans votre code. Par exemple, définissez-le après avoir nouvellement créé la cellule.

cell.backgroundColor = [UIColor clearColor];

En fait, j'ai trouvé que le problème venait du fait que la couleur d'arrière-plan de l'UITableView n'était pas définie sur effacer. Si vous modifiez la couleur d'arrière-plan de UITableViewCell pour effacer et que vous constatez que vous voyez toujours du blanc, assurez-vous que la couleur d'arrière-plan de UITableView est définie sur effacer (ou ce que vous voulez).

[self.tableView setBackgroundView:nil];
[self.tableView setBackgroundColor:[UIColor clearColor]];

Dans Swift

tableView.backgroundView = nil
tableView.backgroundColor = UIColor.clearColor()

C'est définitivement un bogue iOS. Dans iOS 8, la définition de la couleur d'arrière-plan Interface Builderfonctionne bien pour iPhone, mais sur iPad, c'est toujours whiteColor. Pour résoudre ce problème, dans le cellForIndexPathmessage de la source de données, insérez ceci:

cell.backgroundColor = cell.backgroundColor

Et cela fonctionnera. C'est exactement pourquoi j'ai dit que c'était un bogue puisque le code lui-même est plutôt bullsh * t, mais cela fonctionne.

Il se peut que votre UITableViewCell soit sélectionné par défaut. Vous pouvez le confirmer en utilisant le nouveau débogueur visuel de Xcode 6 (ou découvrir exactement quelle vue provoque l'apparition de cette cellule blanche).

Fait intéressant, après avoir su cela .. définir la couleur d'arrière-plan de la cellule sélectionnée pour effacer ne fonctionnait toujours pas.

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // do customization here
    }
    self.selectionStyle = UITableViewCellSelectionStyleNone;
    [self setBackgroundColor:[UIColor clearColor]];
    return self;
}

J'ai constaté qu'aucun de ces éléments ne fonctionnait à partir de XCode 5.1.1, iOS 7.1.

Si vous utilisez Interface Builder avec des cellules prototypes, sélectionnez la cellule prototype, puis dans le sélecteur d'attributs de la section Vue, modifiez la valeur par défaut du formulaire d'arrière-plan sur Effacer la couleur:

Cela semble bien fonctionner. Aucune des modifications de code ci-dessus n'est nécessaire non plus - il s'agit d'une solution IB pure.

La réponse acceptée n'a pas résolu le problème pour moi. Je devais faire ceci:

1. Dans le générateur d'interface, sélectionnez la vue de table. Ensuite, à partir de l'inspecteur d'attributs, dans la section Vue , définissez l' arrière - plan sur transparent (opacité de 0%).

2. À partir de la méthode cellForRowAtIndexPath de la classe de source de données de la table:

   cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
       reuseIdentifier:CellIdentifier];
   cell.backgroundColor = [UIColor clearColor]; //Make cell transparent

Pour moi , la mise cell.backgroundColor = cell.contentView.backgroundColor; soit dans tableView:willDisplayCell:forRowAtIndexPath:ou tableView:cell:forRowAtIndexPath:fait le travail.

C'est parce que j'ai défini la couleur d'arrière-plan de contentView dans Interface Builder comme souhaité.

Lors de l'ajout d'objets d'interface utilisateur à une cellule, Xcode 5 / IOS 7 ajoute une nouvelle «vue de contenu» qui sera la vue de tous les éléments de la cellule. Pour définir la couleur d'arrière-plan de la cellule, définissez la couleur d'arrière-plan de cette vue de contenu. Les solutions ci-dessus n'ont pas fonctionné pour moi, mais celle-ci a bien fonctionné pour moi.

Solution Swift 1.2:

Ajoutez simplement une définition explicite pour la couleur d'arrière-plan de votre cellule comme ceci:

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    // Configure the cell...
    cell.backgroundColor = UIColor.clearColor()

    return cell
}

Eu un problème similaire, a dû

1. Définissez le bleu comme style de sélection et

2. ajoutez ceci au code pour le corriger

   override func tableView(tableView: UITableView, shouldHighlightRowAtIndexPath indexPath: NSIndexPath) -> Bool {
   
     var bgColorView: UIView = UIView()
     bgColorView.backgroundColor = UIColor(red: (76.0 / 255.0), green: (161.0 / 255.0), blue: (255.0 / 255.0), alpha: 1.0)
     bgColorView.layer.masksToBounds = true
     tableView.cellForRowAtIndexPath(indexPath)!.selectedBackgroundView = bgColorView
     return true
   }

Vous pouvez également utiliser un code couleur pour rendre votre cellule UITableView lucrative.

[cell setBackgroundColor:[self colorWithHexString:@"1fbbff"]];

Voici le code pour appliquer la méthode du code couleur:

-(UIColor*)colorWithHexString:(NSString*)hex
{
    NSString *cString = [[hex stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]] uppercaseString];


    if ([cString length] < 6) return [UIColor grayColor];

    if ([cString hasPrefix:@"0X"]) cString = [cString substringFromIndex:2];

    if ([cString length] != 6) return  [UIColor grayColor];

    NSRange range;
    range.location = 0;
    range.length = 2;
    NSString *rString = [cString substringWithRange:range];

    range.location = 2;
    NSString *gString = [cString substringWithRange:range];

    range.location = 4;
    NSString *bString = [cString substringWithRange:range];

    unsigned int r, g, b;
    [[NSScanner scannerWithString:rString] scanHexInt:&r];
    [[NSScanner scannerWithString:gString] scanHexInt:&g];
    [[NSScanner scannerWithString:bString] scanHexInt:&b];

    return [UIColor colorWithRed:((float) r / 255.0f)
                         green:((float) g / 255.0f)
                          blue:((float) b / 255.0f)
                         alpha:1.0f];
}