Any quick and dirty anti-aliasing techniques for a rotated UIImageView?

iphone cocoa-touch uiimageview uiimage antialiasing
Meltemi picture Meltemi · Jul 16, 2009 · Viewed 18.8k times · Source

I've got a UIImageView (full frame and rectangular) that i'm rotating with a CGAffineTransform. The UIImage of the UIImageView fills the entire frame. When the image is rotated and drawn the edges appear noticeably jagged. Is there anything I can do to make it look better? It's clearly not being anti-aliased with the background.

Answer

Johan Kool picture Johan Kool · Nov 22, 2011

The edges of CoreAnimation layers aren't antialiased by default on iOS. However, there is a key that you can set in Info.plist that enables antialiasing of the edges: UIViewEdgeAntialiasing.

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

If you don't want the performance overhead of enabling this option, a work-around is to add a 1px transparent border around the edge of the image. This means that the 'edges' of the image are no longer on the edge, so don't need special treatment!

Related questions

Removing image from UIImageView

I load a UIImageView with an image depending on user interaction. When the parent view is initially displayed, no image has been selected and the imageview is black. If the user leaves that view and comes back, the image is …

Read More
Creating a horizontal line

I have two labels that are stacked. If I want a horizontal line between them, is there any other way besides using an image with a UIImageView?

Read More
How can I rotate an UIImageView by 20 degrees?

What do I have to do, if I need to rotate a UIImageView? I have a UIImage which I want to rotate by 20 degrees. The Apple docs talk about a transformation matrix, but that sounds difficult. Are there any helpful …

Read More