Köşeleri yuvarlatılmış köşelerle ve kenarlarla UIImage yapın

Question

UIImage var ve beyaz kenarlıklı yuvarlak yapmam gerekiyor. Bunun için UIImageView'a ihtiyacım yok.

Bunu nasıl yapıyorsunuz?

Answer 1

Sen, bir görüntü içeriğini oluşturmak kısaltıldı görüntüyü çizmek ve daha sonra felç yolda için QuartzCore işlevlerini kullanabilirsiniz

:

- (UIImage *)imageWithBorderAndRoundCornersWithImage:(UIImage *)image lineWidth:(CGFloat)lineWidth cornerRadius:(CGFloat)cornerRadius { 
    UIGraphicsBeginImageContextWithOptions(image.size, false, image.scale); 
    CGRect rect = CGRectZero; 
    rect.size = image.size; 
    CGRect pathRect = CGRectInset(rect, lineWidth/2.0, lineWidth/2.0); 

    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextSaveGState(context); 

    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:pathRect cornerRadius:cornerRadius]; 

    CGContextBeginPath(context); 
    CGContextAddPath(context, path.CGPath); 
    CGContextClosePath(context); 
    CGContextClip(context); 

    [image drawAtPoint:CGPointZero]; 

    CGContextRestoreGState(context); 

    [[UIColor whiteColor] setStroke]; 
    path.lineWidth = lineWidth; 
    [path stroke]; 

    UIImage *finalImage = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 

    return finalImage; 
} 

alır:

Ve markaları :

Answer 2

UIImageView uygulamasının bunu basit bir şekilde yapmanız gerekir. Yuvarlatılmış (Köşe Yarıçapı) ve kenarlık kalınlık/renk UIView CALayer'in tipik özellikleridir. En basit yol, bunu uygulamak için bir UIImageView veya belki başka bir UIView türüne sahip olmaktır.

Böyle bir şey işi yapabilir.

let myImg = UIImage(named: "some_image.png") 
let imgView = UIImageView(image: myImg) 
imgView.clipsToBounds = true 
imgView.layer.cornerRadius = 0.5*imgView.frame.width 
imgView.layer.borderWidth = 5.0 //Or some other value 
imgView.layer.borderColor = UIColor.whiteColor().CGColor