encabezado imagen circular iOS

IOS – Crear una Imagen Circular

Desde un tiempo para acá la mayoría de apps que usan imágenes de perfil utilizan estas dentro de un circulo y esto es algo super fácil de realizar utilizando las herramientas que IOS nos provee.

Imaginemos que tenemos un UIImageView como el siguiente:

imagen cuadrada ios

imagen cuadrada ios

Para lograr esto basta con el siguiente código:

self.imageView.layer.cornerRadius = self.imageView.frame.size.height / 2;

self.imageView.layer.borderWidth = 4.0;

self.imageView.layer.borderColor = [[UIColor darkGrayColor] colorWithAlphaComponent:0.7].CGColor;

self.imageView.clipsToBounds = YES;

Tener en cuenta que si se esta usando auto layout realizar estos cambios luego que el método viewDidAppear para evitar posibles bugs, ya que luego de este método es cuando los constraints toman lugar.

Con el simple coding anterior obtenemos como resultado algo como esto:

Imagen circular ios

Imagen circular ios

 

 

Share on Google+Share on LinkedInShare on RedditShare on TumblrTweet about this on TwitterShare on Facebook
  • Luis Alberto Romero Calderon

    Primero 🙂