iPhone - Неровные края при применении перспективы к CALayer - PullRequest
Новая
       60

iPhone - Неровные края при применении перспективы к CALayer

6 голосов
/ 24 апреля 2010

У меня есть CALayer, к которому я применяю перспективу для использования CGTransform3D и указания свойства m14. Когда перспектива применяется, слой имеет неровные края. Я слышал, что люди упоминают, что добавление прозрачной границы в 1 пиксель вокруг слоя поможет в этом. Я не знаю, как это сделать. Я пытался использовать свойства border и borderWidth CALayer, но зубчатые края все еще там. Я также попытался уменьшить прямоугольник, который рисуется на 1 пиксель со всех сторон, но это тоже не помогает.

Любая помощь будет отличной! Спасибо!

Ответы [ 5 ]

11 голосов
/ 23 августа 2011

Лучшее решение, которое я нашел для этой проблемы, состояло в том, чтобы установить флажок shouldRasterize на ДА и установить масштаб растрирования в соответствии с масштабом экрана устройства. 

myLayer.shouldRasterize = YES;
myLayer.rasterizationScale = UIScreen.mainScreen().scale // iOS
myLayer.rasterizationScale = NSScreen.mainScreen()!.backingScaleFactor // OSX

Это, в свою очередь, сгладит края для вас.

3 голосов
/ 24 апреля 2010

Под «я слышал, как люди упоминают», я предполагаю, что вы имеете в виду обсуждение этого вопроса . Было предложено нарисовать контент в вашем CALayer так, чтобы он имел прозрачную границу в один пиксель за пределами основного контента, используя код 

CGContextSetAllowsAntialiasing(theContext, true);
CGContextSetShouldAntialias(theContext, true);

в вашем Кварцевом чертеже для этого слоя.

Существует также свойство edgeAntialiasingMask на CALayer, но я не видел никакого влияния при использовании кода, подобного следующему: 

layer.edgeAntialiasingMask = kCALayerLeftEdge | kCALayerRightEdge | kCALayerBottomEdge | kCALayerTopEdge;

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

1 голос
/ 03 января 2012

Дайте вашему CALayer маску со вставкой 0,5 px от каждого края: 

UIView *aliasedView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, width, height)];

CALayer *maskLayer = [[CALayer alloc] init];
maskLayer.frame = CGRectMake(0.5, 0.5, width-1, height-1);
maskLayer.backgroundColor = [UIColor whiteColor].CGColor;

aliasedView.layer.mask = maskLayer;
0 голосов
/ 12 ноября 2016

В Swift 3.0: 

context.setAllowsAntialiasing(true)
context.setShouldAntialias(true)
0 голосов
/ 27 июля 2012

Граница в один пиксель сглаживает края содержимого (!) Слоя: 

- (UIImage *)drawAntiAliased:(UIImage *)image
{
    const int B = 1; // Border width (anti-aliasing)

    // Size of the output image
    CGSize newImageSize = CGSizeMake(image.size.width + 2 * B, image.size.height + 2 * B);

    UIGraphicsBeginImageContextWithOptions(newImageSize, NO, 0);

    // Draw image with edge anti-aliasing
    [image drawInRect:(CGRect){B, B, image.size}];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return newImage;
}

Если вы хотите использовать свойства границ слоя, это больше не работает, потому что граница не является частью содержимого слоя и не подвержена сглаживанию.

Настройка shouldRasterize, с другой стороны, влияет как на содержимое, так и на границы.

...