Wie entferne ich eine schwarze Kante auf UIImageView mit abgerundeten Ecken und einer Rahmenbreite?

Question

ich den folgenden Code haben die UIImageView in jedem meiner UITableView Zellen haben abgerundete Ecken zu machen:

- (void)awakeFromNib 
{ 
    // Rounded corners. 
    [[cellImage layer] setCornerRadius:([cellImage frame].size.height/2)]; 
    [[cellImage layer] setMasksToBounds:YES]; 
    [[cellImage layer] setBorderColor:[[UIColor whiteColor] CGColor]]; 
    [[cellImage layer] setBorderWidth:3]; // Trouble! 
} 

Ich möchte die Bilder haben ein bisschen eine Lücke zwischen ihnen, und ich dachte Verwendung der machen könnte Randbreite, um das zu ermöglichen. Im Folgenden finden Sie ein Bild von dem, was tatsächlich passiert ist:

Es ist die schwache schwarze Grenze, die ich möchte wissen, wie man loswerden. Ich würde gerne denken, dass es eine Möglichkeit gibt, die Randbreite zu verwenden. Wenn nicht, wäre der beste Ansatz, das Bild selbst zu skalieren und die Randbreite auf 0 zu setzen.

Answer 1

Anstatt Eckenradius verwenden, können Sie Bezier-Pfad für die Maske, erstellen Sie eine Formebene für diesen Pfad, und geben Sie dann, dass die Formebene erstellen für die Ebenenmaske der Bildansicht:

CGFloat margin = 3.0; 
CGRect rect = CGRectInset(imageView.bounds, margin, margin); 
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(imageView.bounds.size.width/2, imageView.bounds.size.height/2) radius:radius startAngle:0 endAngle:M_PI*2 clockwise:NO]; 
CAShapeLayer *mask = [CAShapeLayer layer]; 
mask.path = path.CGPath; 
imageView.layer.mask = mask; 

Answer 2

Was Sie tun, ist, Sie schneiden das Profilbild und den Rand zusammen, was das macht Das Profilbild der Zelle erstreckt sich durch die Grenze.

Sie vermissen diese Zeile: -

cellImage.clipsToBounds = YES;