Comment dessiner une UIView personnalisée qui n'est qu'un cercle - application iPhone

Question

Comment puis-je dessiner un UIView personnalisé qui n'est littéralement qu'une boule (un cercle en 2D) ? Est-ce que je dois simplement surcharger la méthode drawRect ? Et quelqu'un peut-il me montrer le code pour dessiner un cercle bleu ?

De même, serait-il possible de modifier le cadre de cette vue dans la classe elle-même ? Ou dois-je modifier le cadre à partir d'une autre classe ?

(j'essaie juste de mettre en place une balle qui rebondit)

Answer 1

Vous pourriez utiliser QuartzCore et faire quelque chose comme ceci --

self.circleView = [[UIView alloc] initWithFrame:CGRectMake(10,20,100,100)];
self.circleView.alpha = 0.5;
self.circleView.layer.cornerRadius = 50;  // half the width/height
self.circleView.backgroundColor = [UIColor blueColor];

Answer 2

Est-ce que je dois simplement surcharger la méthode drawRect ?

Oui :

- (void)drawRect:(CGRect)rect
{
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextAddEllipseInRect(ctx, rect);
    CGContextSetFillColor(ctx, CGColorGetComponents([[UIColor blueColor] CGColor]));
    CGContextFillPath(ctx);
}

De même, serait-il possible de modifier le cadre de cette vue dans la classe elle-même ?

Idéalement non, mais vous pourriez.

Ou dois-je changer le cadre d'une autre classe ?

Je laisserais les parents contrôler ça.

Answer 3

Voici une autre façon d'utiliser UIBezierPath (c'est peut-être trop tard ^^) Créer un cercle et masquer UIView avec, comme suit :

UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 200)];
view.backgroundColor = [UIColor blueColor];

CAShapeLayer *shape = [CAShapeLayer layer];
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:view.center radius:(view.bounds.size.width / 2) startAngle:0 endAngle:(2 * M_PI) clockwise:YES];
shape.path = path.CGPath;
view.layer.mask = shape;

Answer 4

Ma contribution avec une extension Swift :

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

Appelez simplement myView.asCircle()

Answer 5

Swift 3 - classe personnalisée, facile à réutiliser. Elle utilise backgroundColor défini dans le constructeur d'interface utilisateur

import UIKit

@IBDesignable
class CircleBackgroundView: UIView {

    override func layoutSubviews() {
        super.layoutSubviews()
        layer.cornerRadius = bounds.size.width / 2
        layer.masksToBounds = true
    }

}