UITableViewCell avec arrière-plan dégradé personnalisé, avec un autre dégradé comme couleur de surbrillance

Question

J'ai un UITableViewCell personnalisé avec une disposition personnalisée. Je voulais un arrière-plan dégradé, donc dans ma méthode cellForRowAtIndexPath: UITableViewDelegate, je crée un CAGradientLayer et l'ajoute à la couche de la cellule avec insertSubLayer: atIndex: (en utilisant l'index 0). Cela fonctionne très bien, sauf pour deux choses:

Plus important encore, je n'arrive pas à comprendre comment changer de couleur de dégradé lorsque la ligne est en surbrillance. J'ai essayé quelques trucs, mais je ne connais pas assez le framework pour le faire fonctionner. Où serait l'endroit idéal pour mettre ce code, à l'intérieur du délégué de la table ou de la cellule elle-même?

De plus, il y a un espace blanc 1px entre chaque cellule de la table. J'ai une couleur de fond sur la vue principale, une couleur de fond sur la table, et une couleur de fond sur la cellule. Existe-t-il une sorte de remplissage ou d'espacement par défaut dans UITableView?

Answer 1

Je ne suis pas sûr de la première question mais je pense que vous pouvez définir la propriété selectedBackgroundView de la même manière que vous définissez la propriété backgroundView. L'espace blanc entre les cellules est probablement le séparateur. Vous pouvez changer cette couleur comme

tableView.separatorColor = [UIColor redColor]; 

Answer 2

J'ai lutté pendant des jours avec ceci. La solution a fini par être assez simple mais les différentes parties du puzzle ont été réparties sur plusieurs réponses et sites différents. La pièce manquante du puzzle s'est avérée être la distinction entre la vue de contenu et la vue d'arrière-plan et où la couleur de sélection est appliquée.

Caractéristiques de ma solution:

• que je charge ma cellule à partir d'une plume pour que je puisse la mise en page du contenu IB. N'hésitez pas à mettre en forme le contenu par programmation.
• Je récupère les couleurs du dégradé à partir d'un objet de style global car j'ai besoin de personnaliser le dégradé par client.
  • Je mets la couleur de sélection de la cellule à gris dans la plume afin que le défaut (bleu) ne soit pas en conflit avec mon schéma de couleurs.
• J'ajoute les dégradés à la vue d'arrière-plan. Si vous ne le faites pas, la couleur de sélection ne s'affiche pas correctement. UITableViewCell n'a pas de vue d'arrière-plan par défaut, vous devez donc le créer en premier.

Ce dernier point était l'ingrédient secret qui a fait que tout a fonctionné pour moi.

J'ai ajouté une méthode d'usine à ma sous-classe UITableCellView parce que je voulais utiliser la même cellule dans plusieurs tables.

+(ActivityDetailCellView *) createWithStyle: (WMStyle *) style { 
    UIViewController *temporaryController = [[UIViewController alloc] 
     initWithNibName: @"ActivityDetailCellView" 
     bundle: nil]; 

    ActivityDetailCellView *cell = (ActivityDetailCellView *) temporaryController.view; 

    CAGradientLayer *lightGradient = [CAGradientLayer layer]; 
    lightGradient.frame = cell.bounds; 
    lightGradient.colors = style.lightGradient; 

    UIView *background = [[UIView alloc] initWithFrame: cell.bounds]; 
    [background.layer insertSublayer:lightGradient atIndex:0]; 
    cell.backgroundView = background; 

    return cell; 
} 

Answer 3

Je sais que ce fil est vieux, mais voici une solution pour la première partie de votre question (en ajoutant un dégradé aux sélectionnés et les états non sélectionnés d'une cellule):

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

    CAGradientLayer *grad = [CAGradientLayer layer]; 
    grad.frame = cell.bounds; 
    grad.colors = [NSArray arrayWithObjects:(id)[[UIColor whiteColor] CGColor], (id)[[UIColor blackColor] CGColor], nil]; 

    [cell setBackgroundView:[[UIView alloc] init]]; 
    [cell.backgroundView.layer insertSublayer:grad atIndex:0]; 

    CAGradientLayer *selectedGrad = [CAGradientLayer layer]; 
    selectedGrad.frame = cell.bounds; 
    selectedGrad.colors = [NSArray arrayWithObjects:(id)[[UIColor blackColor] CGColor], (id)[[UIColor whiteColor] CGColor], nil]; 

    [cell setSelectedBackgroundView:[[UIView alloc] init]]; 
    [cell.selectedBackgroundView.layer insertSublayer:selectedGrad atIndex:0]; 
}