Tutorial iOS: Como criar facilmente imagens para avatar

On 8 de março de 2014 by Conrado Carneiro

É cada vez mais comum a utilização de imagens redondas em aplicações mobile, principalmente como avatar. No uGuide UFOP, aplicativo desenvolvido pelo iMobilis, podemos notar essas imagens no menu Twitter.

uGuide UFOP: avatar com imagem redonda

uGuide UFOP: avatar com imagem redonda

Bom, vamos ao que interessa:
Para deixar a imagem redonda precisaremos definir algumas configurações na classe CALayer, que pertence a nossa imagem.

Screen Shot 2014-03-08 at 17.52.09

XCode: interface builder e ViewController.m

Partindo do principio que nossa imagem é do tipo UIImageView e seu nome é avatarImage deveremos utilizar o seguinte código:

[sourcecode language=”objc” wraplines=”false” collapse=”false”]self.avatarImage.layer.cornerRadius = CGRectGetHeight(self.avatar.bounds) / 2;
self.avatarImage.layer.borderWidth = 1.0f;
self.avatarImage.layer.borderColor = [UIColor clearColor].CGColor;
self.avatarImage.clipsToBounds = YES;[/sourcecode]

O resultado é esse:
iOS Simulator Screen shot 08.03.2014 17.49.28

One Response to “Tutorial iOS: Como criar facilmente imagens para avatar”

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *