Какие-нибудь быстрые и грязные методы сглаживания для повернутого UIImageView?

Question

У меня есть UIImageView (полный кадр и прямоугольник), который я вращаю с CGAffineTransform. UIImage UIImageView заполняет весь кадр. Когда изображение поворачивается и рисуется, края кажутся заметно неровными. Что я могу сделать, чтобы это выглядело лучше? Это явно не сглаживание с фоном.

Answer 1

Не забудьте установить соответствующие параметры сглаживания:

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

Answer 2

Края слоев CoreAnimation по умолчанию не сглаживаются в iOS. Однако есть ключ, который вы можете установить в Info.plist, который включает сглаживание краев: UIViewEdgeAntialiasing.

https://developer.apple.com/library/content/documentation/General/Reference/InfoPlistKeyReference/Articles/iPhoneOSKeys.html

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

Answer 3

Новый API - iOS 6/7

Также работает для iOS 6, как отмечает @Chris, но не была опубликована до iOS 7.

Начиная с iOS 7, CALayer имеет новое свойство allowsEdgeAntialiasing который делает именно то, что вы хотите в этом случае, не неся при этом затрат на его включение для всех представлений в вашем приложении! Это свойство CALayer, поэтому, чтобы включить его для используемого вами UIView myView.layer.allowsEdgeAntialiasing = YES,

Answer 4

Просто добавьте прозрачную границу 1px к вашему изображению

CGRect imageRect = CGRectMake(0, 0, image.size.width, image.size.height);
UIGraphicsBeginImageContextWithOptions(imageRect.size, NO, 0.0);
[image drawInRect:CGRectMake(1,1,image.size.width-2,image.size.height-2)];
image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Answer 5

Просто добавьте "Renders with края сглаживания" с YES в plist, и это будет работать.

Answer 6

Я бы полностью порекомендовал следующую библиотеку.

http://vocaro.com/trevor/blog/2009/10/12/resize-a-uiimage-the-right-way/

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

Наслаждайтесь!

Answer 7

Лучший способ найти гладкие края и четкое изображение - сделать это:

CGRect imageRect = CGRectMake(0, 0, self.photo.image.size.width, self.photo.image.size.height);
UIGraphicsBeginImageContextWithOptions(imageRect.size, NO, 0.0);
[self.photo.image drawInRect:CGRectMake(1, 1, self.photo.image.size.width - 2, self.photo.image.size.height - 2)];
self.photo.image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Добавление ключа Info.plist, как описывают некоторые люди, сильно сказывается на производительности, и если вы используете его, вы в основном применяете его ко всему, а не к тому месту, где оно вам нужно.

Кроме того, не просто использовать UIGraphicsBeginImageContext(imageRect.size); в противном случае слой будет размытым. Вы должны использовать UIGraphicsBeginImageContextWithOptions как я показал.

Answer 8

Я нашел это решение отсюда, и оно идеально:

+ (UIImage *)renderImageFromView:(UIView *)view withRect:(CGRect)frame transparentInsets:(UIEdgeInsets)insets {
    CGSize imageSizeWithBorder = CGSizeMake(frame.size.width + insets.left + insets.right, frame.size.height + insets.top + insets.bottom);
    // Create a new context of the desired size to render the image
    UIGraphicsBeginImageContextWithOptions(imageSizeWithBorder, NO, 0);
    CGContextRef context = UIGraphicsGetCurrentContext();

    // Clip the context to the portion of the view we will draw
    CGContextClipToRect(context, (CGRect){{insets.left, insets.top}, frame.size});
    // Translate it, to the desired position
    CGContextTranslateCTM(context, -frame.origin.x + insets.left, -frame.origin.y + insets.top);

    // Render the view as image
    [view.layer renderInContext:UIGraphicsGetCurrentContext()];

    // Fetch the image
    UIImage *renderedImage = UIGraphicsGetImageFromCurrentImageContext();

    // Cleanup
    UIGraphicsEndImageContext();

    return renderedImage;
}

использование:

UIImage *image = [UIImage renderImageFromView:view withRect:view.bounds transparentInsets:UIEdgeInsetsZero];