Comment faire un UIView circulaire

Question

Je veux faire un UIView ou UIImageView qui est un cercle. Ou un cercle que je peux changer la taille de l'aide d'un curseur, et la couleur de avec un aperçu.

Answer 1

Je peux au moins vous montrer un raccourci pour dessiner des cercles de taille arbitraire. Pas d'OpenGL, pas de dessin de Core Graphics nécessaire.

Importez l'infrastructure QuartzCore pour accéder à la propriété .cornerRadius de votre UIView ou UIImageView.

#import <QuartzCore/QuartzCore.h> 

Ajoutez-le également manuellement au dossier Frameworks de votre projet.

Ajouter cette méthode à votre contrôleur de vue ou partout où vous en avez besoin:

-(void)setRoundedView:(UIImageView *)roundedView toDiameter:(float)newSize; 
{ 
    CGPoint saveCenter = roundedView.center; 
    CGRect newFrame = CGRectMake(roundedView.frame.origin.x, roundedView.frame.origin.y, newSize, newSize); 
    roundedView.frame = newFrame; 
    roundedView.layer.cornerRadius = newSize/2.0; 
    roundedView.center = saveCenter; 
} 

Pour l'utiliser, il suffit de passer un UIImageView et un diamètre. Cet exemple suppose que vous avez ajouté un UIImageView nommé "circ" en tant que sous-vue à votre vue . Il devrait avoir un backgroundColor ensemble afin que vous puissiez le voir.

circ.clipsToBounds = YES; 
[self setRoundedView:circ toDiameter:100.0]; 

Ce juste poignées UIImageViews mais vous pouvez généraliser à toute UIView.

REMARQUE: Depuis iOS 7, clipToBounds doit être défini sur OUI.

Answer 2

Vous devez créer un UIView transparent (couleur d'arrière-plan alpha de 0), puis, dans son drawRect :, dessiner votre cercle en utilisant les appels CoreGraphics. Vous pouvez également modifier le calque de la vue et lui donner un angleRadius.

Answer 3

Pas besoin d'appels graphiques. Il suffit de définir le rayon d'angle à la largeur/2. Cela peut être fait sur un objet visuel-à-dire UI élément

Answer 4

// For those looking to round the corners of an image view 
imageView.layer.cornerRadius = imageView.bounds.size.width/2; 
imageView.layer.masksToBounds = YES; 

Answer 5

Si quelqu'un recherche équivalent Swift que ci-dessous est la réponse (Xcode7.2):

(pour que cela fonctionne hauteur et la largeur doit être égale.)

extension UIView { 
    func makeCircular() { 
     self.layer.cornerRadius = min(self.frame.size.height, self.frame.size.width)/2.0 
     self.clipsToBounds = true 
    } 
} 

Answer 6

Comme mentionné dans certains commentaires, @IBDesignable rend cela beaucoup plus facile maintenant, vous pouvez donc utiliser Interface Builder pour configurer votre UIImageView arrondie.

d'abord créer une classe nommée RoundedImageView.swift et collez ce code pour cela:

import UIKit 

@IBDesignable public class RoundedImageView: UIImageView { 

    override public func layoutSubviews() { 
     super.layoutSubviews() 

     //hard-coded this since it's always round 
     layer.cornerRadius = 0.5 * bounds.size.width 
    } 
} 

Sélectionnez le UIImageView dans InterfaceBuilder et changer la classe de UIImageView à la coutume RoundedImageView:

Set Clip to Bounds à true (ou l'image s'étendra au-delà du cercle):

Il devrait maintenant arrondir lui-même là dans InterfaceBuilder, qui est assez chouette. Assurez-vous de régler la largeur et la hauteur sur les mêmes valeurs ou il sera en forme de zeppelin!