Cómo dibujar una vista UIV personalizada que es solo un círculo - aplicación para iPhone

¿Cómo haría para dibujar un UIView personalizado que es literalmente solo una bola (un círculo 2D)? ¿Solo anularía el método drawRect? ¿Y alguien puede mostrarme el código para dibujar un círculo azul?

Además, ¿estaría bien cambiar el marco de esa vista dentro de la clase misma? ¿O necesito cambiar el marco de una clase diferente?

(solo tratando de configurar una pelota que rebota)

Podrías usar QuartzCore y hacer algo así:

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];

¿Solo anularía el método drawRect?

Si:

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

Además, ¿estaría bien cambiar el marco de esa vista dentro de la clase misma?

Idealmente no, pero podrías.

¿O necesito cambiar el marco de una clase diferente?

Dejo que los padres controlen eso.

Aquí hay otra forma usando UIBezierPath (tal vez sea demasiado tarde ^^) Cree un círculo y enmascare UIView con él, de la siguiente manera:

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;

Mi contribución con una extensión Swift:

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

Solo llama myView.asCircle()

Swift 3 : clase personalizada, fácil de reutilizar. Utiliza backgroundColorset en el generador de IU

import UIKit

@IBDesignable
class CircleBackgroundView: UIView {

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

}

Swift 3 clase:

import UIKit

class CircleView: UIView {

    override func draw(_ rect: CGRect) {
        guard let context = UIGraphicsGetCurrentContext() else {return}

        context.addEllipse(in: rect)
        context.setFillColor(.blue.cgColor)
        context.fillPath()
    }           
}

Otra forma de acercarse al dibujo circular (y otras formas) es usando máscaras. Dibuja círculos u otras formas, primero, haciendo máscaras de las formas que necesita, segundo, proporciona cuadrados de su color y, tercero, aplica máscaras a esos cuadrados de color. Puede cambiar la máscara o el color para obtener un nuevo círculo personalizado u otra forma.

#import <QuartzCore/QuartzCore.h>

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *area1;
@property (weak, nonatomic) IBOutlet UIView *area2;
@property (weak, nonatomic) IBOutlet UIView *area3;
@property (weak, nonatomic) IBOutlet UIView *area4;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    self.area1.backgroundColor = [UIColor blueColor];
    [self useMaskFor: self.area1];

    self.area2.backgroundColor = [UIColor orangeColor];
    [self useMaskFor: self.area2];

    self.area3.backgroundColor = [UIColor colorWithRed: 1.0 green: 0.0 blue: 0.5 alpha:1.0];
    [self useMaskFor: self.area3];

    self.area4.backgroundColor = [UIColor colorWithRed: 1.0 green: 0.0 blue: 0.5 alpha:0.5];
    [self useMaskFor: self.area4];        
}

- (void)useMaskFor: (UIView *)colorArea {        
    CALayer *maskLayer = [CALayer layer];
    maskLayer.frame = colorArea.bounds;
    UIImage *maskImage = [UIImage imageNamed:@"cirMask.png"];
    maskLayer.contents = (__bridge id)maskImage.CGImage;
    colorArea.layer.mask = maskLayer;
}

@end

Aquí está la salida del código anterior:

Hay otra alternativa para la gente perezosa. Puede establecer la layer.cornerRadius ruta clave para su vista en el Creador de interfaces . Por ejemplo, si su vista tiene un ancho = alto de 48 , establezca layer.cornerRadius = 24:

Sin embargo, esto solo funciona si tiene un tamaño estático de la vista (width/height is fixed)y no muestra el círculo en el generador de interfaces.

Swift 3 - Xcode 8.1

@IBOutlet weak var myView: UIView!

override func viewDidLoad() {
    super.viewDidLoad() 

    let size:CGFloat = 35.0
    myView.bounds = CGRect(x: 0, y: 0, width: size, height: size)
    myView.layer.cornerRadius = size / 2
    myView.layer.borderWidth = 1
    myView.layer.borderColor = UIColor.Gray.cgColor        
}