Sadece bir daire olan özel bir UIView nasıl çizilir - iPhone uygulaması

Kelimenin tam anlamıyla bir top (2B daire) olan özel bir UIView çizmeye nasıl başlayabilirim? DrawRect yöntemini geçersiz kılar mıyım? Ve birisi bana mavi bir daire çizmenin kodunu gösterebilir mi?

Ayrıca, bu görüşün çerçevesini sınıfın içinde değiştirmek doğru olur mu? Yoksa farklı bir sınıftan çerçeveyi değiştirmem gerekiyor mu?

(sadece etrafta zıplayan bir top kurmaya çalışıyorum)

QuartzCore'u kullanabilir ve bunu yapabilirsiniz -

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

DrawRect yöntemini geçersiz kılar mıyım?

Evet:

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

Ayrıca, bu görüşün çerçevesini sınıfın içinde değiştirmek doğru olur mu?

İdeal olarak hayır, ama yapabilirsin.

Yoksa farklı bir sınıftan çerçeveyi değiştirmem gerekiyor mu?

Ebeveynin bunu kontrol etmesine izin verirdim.

İşte UIBezierPath'i kullanmanın başka bir yolu (belki çok geç ^^) Bir daire oluşturun ve aşağıdaki gibi UIView maskeleyin:

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;

Swift uzantısı ile katkım:

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

Sadece ara myView.asCircle()

Swift 3 - özel sınıf, yeniden kullanımı kolay. backgroundColorUI oluşturucudaki seti kullanır

import UIKit

@IBDesignable
class CircleBackgroundView: UIView {

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

}

Swift 3 sınıfı:

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()
    }           
}

Daire (ve diğer şekiller) çizimine yaklaşmanın bir başka yolu da maske kullanmaktır. Önce ihtiyacınız olan şekillerin maskelerini yaparak daireler veya başka şekiller çizersiniz, ikinci olarak renginizin karelerini sağlarsınız ve üçüncüsü bu renk karelerine maskeler uygularsınız. Yeni bir özel daire veya başka bir şekil elde etmek için maskeyi veya rengi değiştirebilirsiniz.

#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

İşte yukarıdaki kodun çıktısı:

Tembel insanlar için başka bir alternatif var. Görünümünüz için layer.cornerRadius anahtar yolu Arayüz Oluşturucu'da ayarlayabilirsiniz . Örneğin, görünümünüzün genişliği = yüksekliği 48 ise , layer.cornerRadius = 24şunları ayarlayın :

Ancak, bu yalnızca görünümün statik boyutuna sahipseniz (width/height is fixed)ve arayüz oluşturucudaki daireyi göstermiyorsa işe yarar .

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        
}