Как нарисовать гладкий круг с CAShapeLayer и UIBezierPath?

Ах, я столкнулся с той же проблемой некоторое время назад (это было еще iOS 5 тогда iirc), и я написал следующий комментарий в коде:

/*
    ShapeLayer
    ----------
    Fixed equivalent of CAShapeLayer. 
    CAShapeLayer is meant for animatable bezierpath 
    and also doesn't cache properly for retina display. 
    ShapeLayer converts its path into a pixelimage, 
    honoring any displayscaling required for retina. 
*/

заполненный круг под формой круга будет кровоточить своим цветом заполнения. В зависимости от цвета это будет очень заметно. И во время взаимодействия с пользователем форма будет отображаться еще хуже, что позволяет мне сделать вывод, что shapelayer всегда будет отображаться со scalefactor 1.0, независимо от scalefactor слоя, потому что это означает для целей анимации.

т. е. вы используете CAShapeLayer только если у вас есть конкретная потребность в анимируемых изменениях в форму безьерпутного пути, а не к любому из других свойств, которые можно анимировать с помощью обычных свойств слоя.

в конце концов я решил написать простой ShapeLayer, который будет кэшировать свой собственный результат, но вы можете попробовать реализовать displayLayer: или drawLayer: inContext:

что-то например:

- (void)displayLayer:(CALayer *)layer
{
    UIImage *image = nil;

    CGContextRef context = UIImageContextBegin(layer.bounds.size, NO, 0.0);
    if (context != nil)
    {
        [layer renderInContext:context];
        image = UIImageContextEnd();
    }

    layer.contents = image;
}

Я не пробовал, но было бы интересно узнать результат...

Я знаю, что это более старый вопрос, но для тех, кто пытается работать в методе drawRect и все еще испытывает проблемы, одна небольшая настройка, которая очень помогла мне, использовала правильный метод для извлечения UIGraphicsContext. Использование по умолчанию:

let newSize = CGSize(width: 50, height: 50)
UIGraphicsBeginImageContext(newSize)
let context = UIGraphicsGetCurrentContext()

приведет к размытым кругам независимо от того, какое предложение я следовал из других ответов. Что, наконец, сделало это для меня, так это осознание того, что метод по умолчанию для получения ImageContext устанавливает масштабирование на non-retina. К получить ImageContext для дисплея retina вам нужно использовать этот метод:

let newSize = CGSize(width: 50, height: 50)
UIGraphicsBeginImageContextWithOptions(newSize, false, 0)
let context = UIGraphicsGetCurrentContext()

оттуда с помощью обычных методов рисования работал нормально. Установка последнего параметра в 0 скажет системе использовать коэффициент масштабирования главного экрана устройства. Средний вариант false используется для указания графического контекста, будете ли вы рисовать непрозрачное изображение (true означает, что изображение будет непрозрачным) или тот, который нуждается в альфа-канале, включенном для прозрачных пленок. Вот такие соответствующие документы Apple для большего контекста: https://developer.apple.com/reference/uikit/1623912-uigraphicsbeginimagecontextwitho?language=objc

Я думаю CAShapeLayer поддерживается более производительным способом визуализации его форм и принимает некоторые ярлыки. Во всяком случае CAShapeLayer может быть немного медленным на основной поток. Если вам не нужно анимировать между разными путями, я бы предложил визуализировать асинхронно в UIImage в фоновом потоке.

используйте этот метод для рисования UIBezierPath

/*********draw circle where double tapped******/
- (UIBezierPath *)makeCircleAtLocation:(CGPoint)location radius:(CGFloat)radius
{
    self.circleCenter = location;
    self.circleRadius = radius;

    UIBezierPath *path = [UIBezierPath bezierPath];
    [path addArcWithCenter:self.circleCenter
                    radius:self.circleRadius
                startAngle:0.0
                  endAngle:M_PI * 2.0
                 clockwise:YES];

    return path;
}

и рисовать вот так

CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.path = [[self makeCircleAtLocation:location radius:50.0] CGPath];
    shapeLayer.strokeColor = [[UIColor whiteColor] CGColor];
    shapeLayer.fillColor = nil;
    shapeLayer.lineWidth = 3.0;

    // Add CAShapeLayer to our view

    [gesture.view.layer addSublayer:shapeLayer];