UITableViewCell esquinas redondeadas y subvistas de clip

Question

No encuentro nada en ninguna parte (motores de búsqueda, documentos, aquí, etc.) que muestre cómo crear esquinas redondeadas (especialmente en una vista de tabla agrupada) en un elemento que también recorta las subvistas .

Tengo un código que crea correctamente un rectángulo redondeado fuera de una ruta con 4 arcos (las esquinas redondeadas) que se ha probado en el método drawRect: en mi uitableviewcell subclasificado. El problema es que las subvistas, que resultan ser uibuttons con sus uiimageviews internas, no obedecen al CGContextClip() que obedece uitableviewcell.

Aquí está el código:

- (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];  
} 

Debido a que este caso específico es estática (sólo se nota en 1 fila específica de botones), puedo editar las imágenes que se utilizan para los botones para conseguir el efecto deseado.

SIN EMBARGO, tengo otro caso que es dinámico. Específicamente, una tabla agrupada con muchos resultados basados ​​en bases de datos que mostrarán fotos que pueden estar en la primera o última fila con esquinas redondeadas y, por lo tanto, deben recortarse).

Entonces, ¿es posible crear un CGContextClip() que también recorta las subvistas? ¿Si es así, cómo?

Answer 1

Cree una subclase de UIImageView con esquinas redondeadas y transparencia. El UITableViewCell en sí mismo debería ser opaco para un mejor rendimiento.

Eche un vistazo a this example.

Answer 2

objeto La CALayer tiene funciones para las esquinas de redondeo:

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

Y ya está todo listo. También puede agregar algunos colores de borde y esas cosas, revise los documentos en caso de que le interese.

Answer 3

ver este código: http://gist.github.com/292384

lo he usado en varios proyectos, el rendimiento es genial y es altamente personalizable. No usa cornerRadius y el dibujo de las celdas es sensible al contexto.

Answer 4

Prueba esto en su opinión initialiser:

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

Y entonces no es necesario para poner en práctica cualquier método drawRect en absoluto

Answer 5

(al menos para los fines de la frontera redonda y de recorte.) Si usted tiene una costumbre UITableViewCell se puede hacer esto en 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 
} 

}