对于旋转的 UIImageView 有什么快速而肮脏的抗锯齿技术吗？

Question

我有一个 UIImageView（全框和矩形），我正在用 CGAffineTransform 旋转它。 UIImageView 的 UIImage 填充整个框架。 当旋转和绘制图像时，边缘会出现明显的锯齿状。 我能做些什么让它看起来更好吗？ 显然它没有与背景抗锯齿。

Answer 1

新 API – iOS 6/7

也适用于 iOS 6，正如 @Chris 所指出的，但直到 iOS 7 才公开。

自 iOS 7 以来，CALayer 有了一个新属性 allowsEdgeAntialiasing 在这种情况下完全可以满足您的需求，而不会产生为应用程序中的所有视图启用它的开销！ 这是 CALayer 的一个属性，因此要为 UIView 启用此属性，请使用 myView.layer.allowsEdgeAntialiasing = YES 。

Answer 2

只需在图像中添加 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 3

请记住设置适当的抗锯齿选项：

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

Answer 4

只需在 plist 中添加“使用边缘抗锯齿渲染”和 YES 即可。

Answer 5

我完全推荐以下库。

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

它包含许多有用的 UIImage 扩展，可以解决这个问题，还包括用于生成缩略图等的代码。

享受吧！

Answer 6

我发现拥有平滑边缘和清晰图像的最佳方法是这样做：

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 7

我从这里找到了这个解决方案，它很完美

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

Answer 8

默认情况下，iOS 上 CoreAnimation 图层的边缘不会进行抗锯齿处理。 但是，您可以在 Info.plist 中设置一个键来启用边缘抗锯齿功能：UIViewEdgeAntialiasing。

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

如果您不希望启用此选项带来性能开销，解决方法是 在图像边缘添加 1 像素透明边框。 这意味着图像的“边缘”不再在边缘，因此不需要特殊处理！