UIImage en un círculo

Question

¿Alguien puede ayudarme aquí? Nuevo como desarrollador de iPhone. Estoy tratando de mostrar una imagen .png en un círculo en lugar de un rectángulo que es el estándar para iPhone

Answer 1

Use un UIImageView y configure la esquinaRadius para que tenga la mitad de alto y ancho. view.layer.cornerRadius = cornerRadius;

UIImage rounded corners

Answer 2

Bueno, todos los archivos PNG son rectángulos '' pero si usted quiere tener la apperence de un círculo u otro objeto no rectángulo en la pantalla, puede hacerlo mediante el uso de transparacy. Para asegurarse de que los píxeles transparentes de la imagen también sean transparentes en el iPhone, puede configurar el color de fondo del UIImageView para borrar. Esto se puede hacer en Interface Builder arrastrando el regulador de opacidad en el fondo selector de colores hasta el fondo, o en el código de la siguiente manera:

UIImage *image = [UIImage imageNamed:@"yourRoundImage.png"]; 
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 
imageView.backgroundColor = [UIColor clearColor]; 
[self.view addSubview: imageView]; 

Si simplemente desea agregar esquinas redondeadas, para hacer un círculo, también se puede utilizar la propiedad CornerRadius como éste si ha añadido el marco QuartzCore a su proyecto:

#import <QuartzCore/QuartzCore.h> 
UIImage *image = [UIImage imageNamed:@"yourRoundImage.png"]; 
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 
imageView.layer.cornerRadius = image.size.width/2; 
imageView.layer.masksToBounds = YES; 
[self.view addSubview: imageView]; 

Answer 3

tratar este código

yourImageView.layer.cornerRadius = yourImageView.frame.size.height /2; 
yourImageView.layer.masksToBounds = YES; 
yourImageView.layer.borderWidth = 0; 

esta imagen de la demostración como ios 7 imagen de círculo gracias

Answer 4

Cambiar la esquinaRadio de la vista de la imagen funciona bien si solo tiene un par de imágenes en su vista. Sin embargo, si la vista de la imagen está en una vista de tabla, el rendimiento se verá afectado.

Algunas de las otras opciones:

1. que el círculo elementos de imagen en el servidor o manualmente si se encuentran agrupados en la aplicación, con partes transparentes de la región exterior del círculo.
2. Si el fondo de la vista de la imagen no cambia, cree una imagen de superposición que tenga la parte del círculo interno transparente, y el resto sea el mismo que el fondo. Establezca también backgroundColor de la vista de imagen para borrar Color.
3. Al recibir las imágenes, edítelas en código para que sean un círculo, en una cadena de fondo.

Answer 5

Pruebe esto para conseguir esquinas redondeadas de la imagen de visión y también para colorear las esquinas:

self.imgView.layer.cornerRadius =self.imgView.frame.size.height/2; 
self.imgView.layer.masksToBounds = YES; 
self.imgView.layer.borderColor = [UIColor colorWithRed:148/255. green:79/255. blue:216/255. alpha:1.0].CGColor; 
self.imgView.layer.borderWidth=2; 

Condición *: La altura y la anchura de la imageView debe ser el mismo para obtener las esquinas redondeadas.

Answer 6

Mi contribución con una extensión rápida utiliza para configurar una UIImageView como círculo

extension UIImageView{ 

    func asCircle(){ 
     self.layer.cornerRadius = self.frame.width/2; 
     self.layer.masksToBounds = true 
    } 

} 

Sólo tiene que llamar MyImageView.asCircle()

Answer 7

Voy a añadir una extensión de poco más universal a UIImageView que trabajará con imágenes no cuadrados . Tenga en cuenta que funcionará más lento que el método cornerRadius.

extension UIImageView { 
    @IBInspectable public var asEllipse:Bool { 
     get { 
      if let mask = self.layer.mask { 
       return mask.name == kMaskLayerName 
      } 
      return false; 
     } 

     set { 
      if (newValue) { 
       let ellipseMask = CAShapeLayer() 
       ellipseMask.name = kMaskLayerName 
       ellipseMask.path = CGPathCreateWithEllipseInRect(self.bounds, nil) 
       ellipseMask.strokeColor = UIColor.clearColor().CGColor 
       ellipseMask.fillColor = UIColor.whiteColor().CGColor 
       self.layer.mask = ellipseMask 
      } else if self.asEllipse { 
       self.layer.mask = nil 
      } 
     } 
    } 

} 

private let kMaskLayerName="EllipseMaskLayer" 

Answer 8

Swift 4: Esto debería mostrar su .png en un círculo.

1. Arrastre (ctrl + clic) un IBOutlet de una imagen hacia su código.

CornerRadius El radio de usar en la elaboración de las esquinas redondeadas para el fondo de la capa. Animable. https://developer.apple.com/documentation/quartzcore/calayer/1410818-cornerradius

propiedad clipsToBounds Valor booleano que determina si las subvistas están confinadas a los límites de la vista. https://developer.apple.com/documentation/uikit/uiview/1622415-clipstobounds

2.Inside viewDidLoad(), Use la propiedad de instancia layer.cornerRadius y clipsToBounds.

profileImage.layer.cornerRadius = 50 
profileImage.clipsToBounds = true