UITableViewCell coins arrondis et sous-vues de clip

Question

Je ne trouve nulle part (moteurs de recherche, docs, ici, etc) qui montre comment créer des coins arrondis (en particulier dans une vue de tableau groupé) sur un élément qui clips également les sous-vues .

J'ai un code qui crée correctement un rectangle arrondi sur un chemin avec 4 arcs (les coins arrondis) qui a été testé dans la méthode drawRect: dans ma uitableviewcell sous-classée. Le problème est que les sous-vues, qui se trouvent être des uibuttons avec leurs vues d'images internes, n'obéissent pas au CGContextClip() que la uitableviewcell obéit.

Voici le code:

- (void)drawRect:(CGRect)rect 
{  
    CGContextRef context = UIGraphicsGetCurrentContext(); 

    CGFloat radius = 12; 
    CGFloat width = CGRectGetWidth(rect); 
    CGFloat height = CGRectGetHeight(rect); 

    // Make sure corner radius isn't larger than half the shorter side 
    if (radius > width/2.0) 
     radius = width/2.0; 
    if (radius > height/2.0) 
     radius = height/2.0;  

    CGFloat minx = CGRectGetMinX(rect) + 10; 
    CGFloat midx = CGRectGetMidX(rect); 
    CGFloat maxx = CGRectGetMaxX(rect) - 10; 
    CGFloat miny = CGRectGetMinY(rect); 
    CGFloat midy = CGRectGetMidY(rect); 
    CGFloat maxy = CGRectGetMaxY(rect); 

    [[UIColor greenColor] set]; 


    CGContextBeginPath(context); 

    CGContextMoveToPoint(context, minx, midy); 

    CGContextAddArcToPoint(context, minx, miny, midx, miny, radius); 
    CGContextAddArcToPoint(context, maxx, miny, maxx, midy, radius); 
    CGContextAddArcToPoint(context, maxx, maxy, midx, maxy, radius); 
    CGContextAddArcToPoint(context, minx, maxy, minx, midy, radius); 

    CGContextClip(context); 
    CGContextFillRect(context, rect); 

    [super drawRect:rect];  
} 

Parce que ce cas particulier est statique (seulement montre en 1 ligne spécifique de boutons), je peux modifier les images utilisées pour les boutons pour obtenir l'effet désiré.

MAIS, j'ai un autre cas qui est dynamique. Plus précisément, une table groupée avec beaucoup de résultats basés sur la base de données qui montrera les photos qui peuvent être dans la première ou la dernière rangée avec des coins arrondis et doivent donc être découpées).

Donc, est-il possible de créer un CGContextClip() qui arrête aussi les sous-vues? Si c'est le cas, comment?

Answer 1

Créer une sous-classe de UIImageView avec coins arrondis et transparence. Le UITableViewCell lui-même devrait être opaque pour de meilleures performances.

Jetez un oeil à this example.

Answer 2

L'objet CALayer a des fonctions pour les coins arrondis:

UIView * someview = something here; 
CALayer * layer = [someview layer]; 
layer.masksToBounds = YES; 
layer.cornerRadius = radius; 

Et vous êtes tous ensemble. Vous pouvez également ajouter des couleurs de bordure et d'autres choses, consultez les documents au cas où vous êtes intéressé.

Answer 3

Voir ce code: http://gist.github.com/292384

Je l'ai utilisé dans plusieurs projets, la performance est grande et il est hautement personnalisable. Il n'utilise pas cornerRadius et le dessin des cellules est contextuel.

Answer 4

Essayez ceci dans votre vue initialiseur:

self.layer.borderWidth = 2.0f; 
self.layer.borderColor = [[UIColor greenColor] CGColor]; 
self.layer.masksToBounds = YES; 
self.layer.cornerRadius = 12.0f; 

Et vous n'avez pas besoin de mettre en œuvre une méthode drawRect du tout

Answer 5

(au moins aux fins de la frontière ronde et découpage.) Si vous avez une coutume UITableViewCell vous pouvez le faire à Swift 4.0:

class CustomTVC: UITableViewCell { 

override func awakeFromNib() { 
    super.awakeFromNib() 
    // Initialization code 
} 

override func setSelected(_ selected: Bool, animated: Bool) { 
    super.setSelected(selected, animated: animated) 

    self.layer.cornerRadius = 20 
    self.layer.masksToBounds = true 
} 

}